.page-module__HmxKdq__demoPage{height:calc(100vh - var(--nav-height));display:flex;overflow:hidden}.page-module__HmxKdq__conversationPanel{background:var(--color-bg);flex-direction:column;flex:0 0 55%;min-width:0;height:100%;display:flex}.page-module__HmxKdq__graphPanel{background:linear-gradient(135deg, var(--color-dark) 0%, var(--color-dark-end) 100%);border-left:1px solid var(--color-dark-end);flex:0 0 45%;min-width:0;height:100%;position:relative}.page-module__HmxKdq__graphPlaceholder{color:#a0998e;height:100%;font-size:var(--text-body-sm);justify-content:center;align-items:center;display:flex}.page-module__HmxKdq__graphEmptyState{justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column;height:100%;animation:.5s page-module__HmxKdq__fadeInUp;display:flex}.page-module__HmxKdq__graphEmptyIcon{opacity:.5;font-size:48px}.page-module__HmxKdq__graphEmptyText{font-size:var(--text-body-lg);font-weight:var(--weight-semibold);color:#d4cec4;margin:0}.page-module__HmxKdq__graphEmptySubtext{font-size:var(--text-body-sm);color:#a0998e;margin:0}.page-module__HmxKdq__progressBar{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);flex-shrink:0;display:flex}.page-module__HmxKdq__progressLabel{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);white-space:nowrap}.page-module__HmxKdq__progressTrack{background:var(--color-border-subtle);border-radius:2px;flex:1;max-width:200px;height:4px;overflow:hidden}.page-module__HmxKdq__progressFill{background:var(--color-accent);border-radius:2px;height:100%;transition:width .6s}.page-module__HmxKdq__messageList{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.page-module__HmxKdq__messageBubble{max-width:80%;animation:.3s page-module__HmxKdq__fadeInUp}.page-module__HmxKdq__genesisMessage{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-sm);align-self:flex-start}.page-module__HmxKdq__genesisLabel{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-accent);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-xs);display:block}.page-module__HmxKdq__milestoneMessage{border-left:3px solid var(--color-accent);background:linear-gradient(90deg, var(--color-accent-muted), var(--color-surface) 80%)}.page-module__HmxKdq__milestoneCheck{color:var(--color-accent)}.page-module__HmxKdq__userMessage{background:var(--color-accent-muted);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);align-self:flex-end}.page-module__HmxKdq__systemMessage{background:var(--color-warning-muted);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);text-align:center;align-self:center}.page-module__HmxKdq__systemMessage .page-module__HmxKdq__messageText{font-size:var(--text-body-sm);color:var(--color-text-secondary)}.page-module__HmxKdq__messageText{font-size:var(--text-body);color:var(--color-text);white-space:pre-wrap;word-wrap:break-word;margin:0;line-height:1.6}.page-module__HmxKdq__typingIndicator{padding:var(--space-xs) 0;align-items:center;gap:6px;display:flex}.page-module__HmxKdq__dot{background:var(--color-text-muted);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite page-module__HmxKdq__bounce}.page-module__HmxKdq__dot:nth-child(2){animation-delay:.2s}.page-module__HmxKdq__dot:nth-child(3){animation-delay:.4s}@keyframes page-module__HmxKdq__bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes page-module__HmxKdq__fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-module__HmxKdq__demoControls{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--color-border-subtle);background:var(--color-surface);flex-shrink:0;display:flex}.page-module__HmxKdq__demoBadge{align-items:center;gap:var(--space-xs);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);letter-spacing:.02em;display:flex}.page-module__HmxKdq__demoBadgeDot{background:var(--color-accent);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite page-module__HmxKdq__pulse}@keyframes page-module__HmxKdq__pulse{0%,to{opacity:1}50%{opacity:.4}}.page-module__HmxKdq__replayButton{padding:var(--space-xs) var(--space-md);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-body-sm);font-family:var(--font-sans);font-weight:var(--weight-medium);color:var(--color-text-secondary);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast)}.page-module__HmxKdq__replayButton:hover{border-color:var(--color-accent);color:var(--color-accent)}.page-module__HmxKdq__questionBlock{align-self:flex-start;max-width:85%;animation:.3s page-module__HmxKdq__fadeInUp}.page-module__HmxKdq__questionField{margin-bottom:var(--space-md)}.page-module__HmxKdq__questionLabel{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-text);margin:0 0 var(--space-sm);display:block}.page-module__HmxKdq__requiredMark{color:var(--color-accent)}.page-module__HmxKdq__selectInput{width:100%;padding:var(--space-button-y) var(--space-md);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-body);font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%235C6660' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:var(--space-xl);outline:none}.page-module__HmxKdq__selectInput:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #b85c3a26}.page-module__HmxKdq__selectInput:disabled{opacity:.6;cursor:not-allowed}.page-module__HmxKdq__chipContainer{gap:var(--space-sm);flex-wrap:wrap;display:flex}.page-module__HmxKdq__chip{padding:var(--space-sm) var(--space-md);border:1.5px solid var(--color-border);font-size:var(--text-body-sm);font-family:var(--font-sans);font-weight:var(--weight-medium);color:var(--color-text);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);border-radius:20px;align-items:center;min-height:44px;display:flex}.page-module__HmxKdq__chip:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-muted)}.page-module__HmxKdq__chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.page-module__HmxKdq__chipSelected{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.page-module__HmxKdq__chipSelected:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.page-module__HmxKdq__questionTextInput{width:100%;padding:var(--space-button-y) var(--space-md);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-body);font-family:var(--font-sans);color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.page-module__HmxKdq__questionTextInput::placeholder{color:var(--color-text-muted)}.page-module__HmxKdq__questionTextInput:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #b85c3a26}.page-module__HmxKdq__questionTextInput:disabled{opacity:.6;cursor:not-allowed}.page-module__HmxKdq__continueButton{margin-top:var(--space-md);padding:var(--space-button-y) var(--space-lg);background:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-md);font-size:var(--text-body);font-family:var(--font-sans);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--transition-fast);border:none}.page-module__HmxKdq__continueButton:hover:not(:disabled){background:var(--color-accent-hover)}.page-module__HmxKdq__continueButton:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.page-module__HmxKdq__continueButton:disabled{opacity:.5;cursor:not-allowed}.page-module__HmxKdq__quickReplyContainer{gap:var(--space-sm);flex-wrap:wrap;display:flex}.page-module__HmxKdq__quickReplyChip{padding:var(--space-sm) var(--space-lg);border:1.5px solid var(--color-border);font-size:var(--text-body-sm);font-family:var(--font-sans);font-weight:var(--weight-medium);color:var(--color-text);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);border-radius:20px;align-items:center;min-height:44px;display:flex}.page-module__HmxKdq__quickReplyChip:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text-inverse)}.page-module__HmxKdq__quickReplyChip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.page-module__HmxKdq__quickReplyChip:disabled{opacity:.5;cursor:not-allowed}.page-module__HmxKdq__ctaCard{text-align:center;background:var(--color-surface);border:1.5px solid var(--color-accent);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-2xl);box-shadow:var(--shadow-md);align-self:center;width:100%;max-width:400px;animation:.4s page-module__HmxKdq__fadeInUp}.page-module__HmxKdq__ctaHeadline{margin:0 0 var(--space-md);font-size:var(--text-body-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.page-module__HmxKdq__ctaButton{padding:var(--space-md) var(--space-xl);background:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-md);font-size:var(--text-body-lg);font-weight:var(--weight-semibold);transition:background var(--transition-fast);text-decoration:none;display:inline-block}.page-module__HmxKdq__ctaButton:hover{background:var(--color-accent-hover)}.page-module__HmxKdq__ctaSubtext{margin:var(--space-sm) 0 0;font-size:var(--text-body-sm);color:var(--color-text-muted)}.page-module__HmxKdq__scrollAnchor{flex-shrink:0;height:1px}.page-module__HmxKdq__mobileGraphToggle,.page-module__HmxKdq__mobileGraphClose,.page-module__HmxKdq__mobileBackdrop{display:none}@media (max-width:767px){.page-module__HmxKdq__demoPage{flex-direction:column}.page-module__HmxKdq__conversationPanel{flex:auto;width:100%}.page-module__HmxKdq__graphPanel{z-index:100;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:1px solid var(--color-dark-end);flex:none;height:80vh;animation:.3s page-module__HmxKdq__slideUp;display:none;position:fixed;bottom:0;left:0;right:0}.page-module__HmxKdq__graphPanel.page-module__HmxKdq__graphPanelOpen{display:block}@keyframes page-module__HmxKdq__slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.page-module__HmxKdq__mobileGraphToggle{z-index:50;padding:var(--space-sm) var(--space-lg);background:var(--color-dark);color:#d4cec4;border:1px solid var(--color-dark-end);font-size:var(--text-body-sm);font-family:var(--font-sans);font-weight:var(--weight-semibold);cursor:pointer;box-shadow:var(--shadow-lg);white-space:nowrap;min-height:44px;transition:background var(--transition-fast);border-radius:24px;justify-content:center;align-items:center;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.page-module__HmxKdq__mobileGraphToggle:hover{background:var(--color-dark-end)}.page-module__HmxKdq__mobileGraphClose{align-items:center;gap:var(--space-xs);top:var(--space-md);left:var(--space-md);z-index:10;padding:var(--space-sm) var(--space-md);color:#d4cec4;border-radius:var(--radius-md);font-size:var(--text-body-sm);font-family:var(--font-sans);font-weight:var(--weight-medium);cursor:pointer;min-height:44px;transition:background var(--transition-fast);background:#1a2420;border:1px solid #3a4a40;display:flex;position:absolute}.page-module__HmxKdq__mobileGraphClose:hover{background:#2c3832}.page-module__HmxKdq__mobileBackdrop{z-index:90;background:#0006;display:block;position:fixed;inset:0}.page-module__HmxKdq__demoControls{position:sticky;bottom:0}.page-module__HmxKdq__messageBubble{max-width:90%}}