@gengage/assistant-fe 0.4.5 → 0.4.7

package/dist/qna/runtime.d.ts

@@ -0,0 +1,62 @@
+import { ActionPayload, PageContext } from '../common/types.js';
+import { BaseWidget } from '../common/widget-base.js';
+import { QNAWidgetConfig } from './types.js';
+/**
+ * Contextual Q&A action buttons for product pages.
+ * Renders quick-action buttons that open the chat widget with a pre-built query.
+ *
+ * @example
+ * ```ts
+ * import { GengageQNA, wireQNAToChat, bootstrapSession } from '@gengage/assistant-fe';
+ *
+ * const qna = new GengageQNA();
+ * await qna.init({
+ *   accountId: 'mystore',
+ *   middlewareUrl: '<backend service location provided for your Gengage account>',
+ *   mountTarget: '#qna-section',
+ *   pageContext: { pageType: 'pdp', sku: '12345' },
+ *   session: { sessionId: bootstrapSession() },
+ * });
+ * wireQNAToChat(); // Wire button clicks to chat.openWithAction()
+ * ```
+ */
+export declare class GengageQNA extends BaseWidget<QNAWidgetConfig> {
+    private _abortController;
+    private _debounceTimer;
+    private _contentEl;
+    private _lastSku;
+    private _i18n;
+    protected onInit(config: QNAWidgetConfig): Promise<void>;
+    protected onUpdate(context: Partial<PageContext>): void;
+    protected onShow(): void;
+    protected onHide(): void;
+    protected onDestroy(): void;
+    private _abort;
+    /** `headerTitle` wins over deprecated `headingTitle`. */
+    private _resolvedQnaHeaderTitle;
+    /** Clean up TextInput placeholder rotation timers to prevent interval leaks. */
+    private _cleanupTextInputTimers;
+    private _fetchAndRender;
+    private _createLoadingIndicator;
+    private _resolveI18n;
+    private _createChrome;
+    private _resolveUISpecRegistry;
+    private _renderUISpec;
+    private _specIncludesType;
+    private _buildFallbackActionsSpec;
+    /**
+     * Free-text field when the launcher stream has no TextInput. Must sit **above** the
+     * quick-question pills (heading → search → chips), not below — see `render` order above.
+     */
+    private _insertStandaloneInputBeforePills;
+    private _appendStandaloneInput;
+    private _handleAction;
+    private _handleOpenChat;
+    private _showTransitionIndicator;
+    _actionHandler: (action: ActionPayload) => void;
+    _openChatHandler: () => void;
+}
+export declare function createQNAWidget(): GengageQNA;
+export type { QNAWidgetConfig, QNAUIComponents, QNAI18n, QNAChromeLayout, QNAChromeConfig, QNAUISpecRenderContext, QNARendererConfig, } from './types.js';
+export { renderQnaUISpec, createDefaultQnaUISpecRegistry, defaultQnaUnknownUISpecRenderer, } from './components/renderUISpec.js';
+export type { QNAUISpecRegistry } from './components/renderUISpec.js';

package/dist/qna/types.d.ts

@@ -3,6 +3,8 @@ import { UISpecRendererOverrides } from '../common/renderer/index.js';
 export interface QNAWidgetConfig extends BaseWidgetConfig {
     /** Where to mount the QNA buttons container. Required. */
     mountTarget: HTMLElement | string;
+    /** Optional SDK-owned outer chrome for merchant PDP prompts. Defaults to no chrome. */
+    chrome?: QNAChromeConfig;
     /** CTA label for the "open chat" pill/button (default: 'Ask something else'). */
     ctaText?: string;
     /** Hide the CTA button inside the quick-question button row.
@@ -47,6 +49,18 @@ export interface QNAI18n {
      */
     productContextQuickPillLabel: string;
 }
+export type QNAChromeLayout = 'default' | 'side-image';
+export interface QNAChromeConfig {
+    /** Optional chrome layout. `side-image` keeps the QNA body in the content column beside the image. */
+    layout?: QNAChromeLayout;
+    title?: string;
+    subtitle?: string;
+    imageUrl?: string;
+    imageAlt?: string;
+    /** Optional CSS padding value applied to the chrome image. */
+    imagePadding?: string;
+    startButtonLabel?: string;
+}
 export interface QNAUISpecRenderContext {
     onAction: (action: ActionPayload) => void;
     onOpenChat?: () => void;

package/dist/qna-BNvttR6s.js

@@ -0,0 +1,40 @@
+import { c as t, l as n, n as e, o as a, r as i, t as o, u as r } from "./schemas-CLo8wCjs.js";
+var c = a({
+  title: t(),
+  type: t(),
+  payload: r().optional()
+}), l = a({
+  label: t(),
+  action: c,
+  variant: o([
+    "primary",
+    "outline",
+    "ghost"
+  ]).optional()
+}), p = a({
+  orientation: o(["horizontal", "vertical"]).optional(),
+  wrap: i().optional()
+}), s = a({
+  placeholder: n([t(), e(t())]).optional(),
+  ctaLabel: t().optional()
+}), u = a({ text: t() }), d = { components: {
+  ActionButton: {
+    schema: l,
+    description: "A single clickable QNA action button."
+  },
+  ButtonRow: {
+    schema: p,
+    description: "Container for a group of QNA action buttons."
+  },
+  TextInput: {
+    schema: s,
+    description: "Free-text input with rotating placeholder and CTA button."
+  },
+  QuestionHeading: {
+    schema: u,
+    description: "A heading displayed above the QNA button group."
+  }
+} };
+export {
+  d as t
+};

package/dist/qna-runtime.js

@@ -0,0 +1,8 @@
+import { a, i as r, n, r as t, t as s } from "./runtime-SKDvc0Xc.js";
+export {
+  s as GengageQNA,
+  t as createDefaultQnaUISpecRegistry,
+  n as createQNAWidget,
+  r as defaultQnaUnknownUISpecRenderer,
+  a as renderQnaUISpec
+};

package/dist/qna.css

@@ -1 +1 @@
-:where(:root,.gengage-chat-root,.gengage-qna-container,.gengage-simrel-container,.gengage-simbut-root){--ds-neutral-0:#fff;--ds-neutral-25:#fcfcfd;--ds-neutral-50:#f6f7fb;--ds-neutral-100:#f3f4f6;--ds-neutral-200:#e5e7eb;--ds-neutral-300:#d0d5dd;--ds-neutral-500:#667085;--ds-neutral-600:#475467;--ds-neutral-700:#344054;--ds-neutral-900:#111827;--ds-radius-2:8px;--ds-radius-3:12px;--ds-radius-4:16px;--ds-radius-5:20px;--ds-radius-6:24px;--ds-radius-pill:999px;--ds-shadow-1:0 1px 2px #1018280a, 0 1px 3px #1018280f;--ds-shadow-2:0 4px 12px #10182814;--ds-shadow-3:0 10px 24px #1018281f;--client-primary:var(--gengage-primary-color,#b7102a);--client-primary-hover:var(--gengage-primary-hover,color-mix(in srgb, var(--client-primary) 88%, black 12%));--client-primary-active:var(--gengage-primary-active,color-mix(in srgb, var(--client-primary) 78%, black 22%));--client-primary-subtle:color-mix(in srgb, var(--client-primary) 12%, white);--client-primary-soft:color-mix(in srgb, var(--client-primary) 20%, white);--client-on-primary:var(--gengage-primary-foreground,#fff);--client-focus-ring:color-mix(in srgb, var(--client-primary) 32%, transparent);--ai-accent-start:#0b24d6;--ai-accent-end:#f768f2;--ai-accent-soft:linear-gradient(135deg, #0b24d614, #f768f214);--surface-page:var(--gengage-page-bg,var(--ds-neutral-50));--surface-shell:var(--gengage-shell-bg,#10131a);--surface-card:var(--gengage-background-color,var(--ds-neutral-0));--surface-card-muted:var(--gengage-surface-soft,#f8fafc);--surface-card-soft:var(--surface-card-muted);--surface-elevated:var(--gengage-surface-elevated,var(--ds-neutral-0));--surface-input:var(--gengage-input-bg,var(--ds-neutral-0));--surface-overlay:var(--gengage-overlay-bg,#10131a85);--text-primary:var(--gengage-foreground-color,var(--ds-neutral-900));--text-secondary:var(--gengage-text-secondary,#4b5563);--text-muted:var(--gengage-text-muted,#6b7280);--text-inverse:var(--gengage-text-inverse,#f9fafb);--border-subtle:var(--gengage-border-subtle,#1118270f);--border-default:var(--gengage-border-color,#1118271a);--border-strong:var(--gengage-border-strong,#1118272e);--shadow-1:var(--gengage-shadow-1,var(--ds-shadow-1));--shadow-2:var(--gengage-shadow-2,var(--ds-shadow-2));--shadow-3:var(--gengage-shadow-3,var(--ds-shadow-3));--radius-control:var(--gengage-control-radius,var(--ds-radius-3));--radius-card:var(--gengage-card-radius,var(--ds-radius-4));--radius-panel:var(--gengage-panel-radius,var(--ds-radius-6));--radius-pill:var(--gengage-pill-radius,var(--ds-radius-pill));--success:var(--gengage-success-color,#16a34a);--warning:var(--gengage-warning-color,#d97706);--error:var(--gengage-error-color,#dc2626);--info:var(--gengage-info-color,#2563eb);--rating:var(--gengage-rating-color,#f5b301);--gengage-primary:var(--client-primary);--gengage-primary-soft:var(--client-primary-soft);--gengage-primary-subtle:var(--client-primary-subtle);--gengage-text-color:var(--text-primary);--gengage-text-secondary:var(--text-secondary);--gengage-hover-color:var(--surface-card-soft);--ds-button-primary-bg:var(--client-primary);--ds-button-primary-bg-hover:var(--client-primary-hover);--ds-button-primary-bg-active:var(--client-primary-active);--ds-button-primary-fg:var(--client-on-primary);--ds-button-primary-border:color-mix(in srgb, var(--client-primary) 82%, black 18%);--ds-button-secondary-bg:var(--surface-card);--ds-button-secondary-bg-hover:var(--client-primary-subtle);--ds-button-secondary-fg:var(--client-primary);--ds-button-secondary-border:color-mix(in srgb, var(--client-primary) 26%, white);--ds-button-ghost-bg:var(--surface-card-muted);--ds-button-ghost-bg-hover:var(--ds-button-ghost-bg);--ds-button-ghost-fg:var(--text-primary);--ds-button-ghost-fg-hover:var(--client-primary);--ds-button-ghost-border:var(--border-default);--ds-button-ghost-border-hover:color-mix(in srgb, var(--client-primary) 18%, white);--ds-panel-bg:var(--surface-card);--ds-panel-border:var(--border-default);--ds-panel-shadow:var(--shadow-1);--ds-panel-radius:var(--radius-panel);--ds-header-bg:var(--surface-card);--ds-header-fg:var(--text-primary);--ds-header-muted:var(--text-muted);--ds-header-border:var(--border-default);--ds-card-bg:var(--surface-card);--ds-card-bg-soft:var(--surface-card-muted);--ds-card-border:var(--border-default);--ds-card-shadow:var(--shadow-1);--ds-card-shadow-hover:var(--shadow-2);--ds-card-radius:var(--radius-card);--ds-card-border-hover:color-mix(in srgb, var(--client-primary) 14%, var(--border-default));--ds-card-bg-hover:color-mix(in srgb, var(--client-primary) 2%, var(--surface-card));--ds-product-card-media-bg:var(--surface-card-muted);--ds-product-card-media-border:var(--border-subtle);--ds-input-bg:var(--surface-input);--ds-input-border:var(--border-default);--ds-input-radius:16px;--ds-input-focus-border:color-mix(in srgb, var(--client-primary) 28%, white);--ds-input-focus-ring:0 0 0 4px var(--client-focus-ring);--ds-input-highlight:inset 0 1px 0 #fff9;--ds-chip-bg:var(--surface-card);--ds-chip-border:var(--border-default);--ds-chip-fg:var(--text-secondary);--ds-chip-bg-hover:var(--surface-card-muted);--ds-chip-bg-active:color-mix(in srgb, var(--client-primary) 8%, white);--ds-chip-border-active:color-mix(in srgb, var(--client-primary) 30%, white);--ds-chip-fg-active:var(--client-primary);--ds-tab-bg:var(--surface-card);--ds-tab-bg-hover:var(--surface-card-muted);--ds-tab-bg-active:color-mix(in srgb, var(--client-primary) 8%, white);--ds-tab-border:var(--border-default);--ds-tab-border-active:color-mix(in srgb, var(--client-primary) 26%, white);--ds-tab-fg:var(--text-secondary);--ds-tab-fg-active:var(--client-primary);--ds-badge-brand-bg:color-mix(in srgb, var(--client-primary) 10%, white);--ds-badge-brand-border:color-mix(in srgb, var(--client-primary) 18%, white);--ds-badge-brand-fg:var(--client-primary);--ds-message-user-bg:color-mix(in srgb, var(--client-primary) 10%, white);--ds-message-user-fg:var(--text-primary);--ds-message-user-border:color-mix(in srgb, var(--client-primary) 18%, var(--border-default));--ds-message-user-shadow:none;--ds-message-assistant-bg:var(--surface-card-soft);--ds-message-assistant-fg:var(--text-primary);--ds-message-assistant-border:var(--border-default);--ds-message-assistant-shadow:none;--ds-message-active-outline:color-mix(in srgb, var(--client-primary) 68%, white);--ds-progress-card-border:var(--border-subtle);--ds-progress-mark-bg:color-mix(in srgb, var(--ai-accent-start) 8%, var(--surface-card));--ds-progress-mark-border:color-mix(in srgb, var(--ai-accent-start) 12%, var(--border-default));--ds-progress-scrollbar-thumb:color-mix(in srgb, var(--text-primary) 18%, transparent);--ds-toast-error-bg:color-mix(in srgb, var(--error) 5%, var(--surface-card));--ds-toast-error-border:color-mix(in srgb, var(--error) 18%, var(--border-default));--ds-toast-error-accent:var(--error);--ds-toast-error-fg:color-mix(in srgb, var(--error) 22%, var(--text-primary));--ds-toast-error-shadow:var(--shadow-3);--ds-comparison-table-bg:var(--surface-card);--ds-comparison-table-border:var(--border-default);--ds-comparison-table-header-bg:var(--surface-card-muted);--ds-comparison-table-header-fg:var(--text-muted);--ds-comparison-table-row-border:var(--border-subtle);--ds-comparison-table-winner-bg:color-mix(in srgb, var(--client-primary) 6%, white);--ds-comparison-table-winner-fg:var(--client-primary)}:where(.gds-panel){background:var(--ds-panel-bg);border:1px solid var(--ds-panel-border);border-radius:var(--ds-panel-radius);box-shadow:var(--ds-panel-shadow)}:where(.gengage-qna-panel,.gengage-chat-panel-topbar,.gengage-chat-chat-header,.gengage-chat-panel-ai-zone>.gengage-chat-ai-top-picks,.gengage-chat-grounding-review){border-color:var(--ds-panel-border)}:where(.gds-btn){border-radius:var(--radius-control);min-height:46px;font:inherit;cursor:pointer;border:0;outline:none;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:700;transition:box-shadow .15s,border-color .15s,background-color .15s,color .15s;display:inline-flex}:where(.gds-btn:hover){transform:none}:where(.gds-btn:focus-visible){outline:2px solid var(--client-focus-ring);outline-offset:2px}:where(.gds-btn:disabled){cursor:not-allowed;opacity:.56;box-shadow:none}:where(.gds-btn-primary){background:var(--ds-button-primary-bg);color:var(--ds-button-primary-fg);border:1px solid var(--ds-button-primary-border)}:where(.gds-btn-primary:hover){background:var(--ds-button-primary-bg-hover)}:where(.gds-btn-secondary){background:var(--ds-button-secondary-bg);color:var(--ds-button-secondary-fg);border:1px solid var(--ds-button-secondary-border)}:where(.gds-btn-secondary:hover){background:var(--ds-button-secondary-bg-hover)}:where(.gds-btn-ghost){background:var(--ds-button-ghost-bg);color:var(--ds-button-ghost-fg);border:1px solid var(--ds-button-ghost-border)}:where(.gds-btn-ghost:hover){background:var(--ds-button-ghost-bg-hover);border-color:var(--ds-button-ghost-border-hover);color:var(--ds-button-ghost-fg-hover)}:where(.gds-chip){border-radius:var(--radius-pill);border:1px solid var(--ds-chip-border);background:var(--ds-chip-bg);color:var(--ds-chip-fg);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}:where(.gds-chip:hover){background:var(--ds-chip-bg-hover);border-color:color-mix(in srgb, var(--client-primary) 16%, var(--ds-chip-border))}:where(.gds-chip:focus-visible){outline:2px solid var(--client-focus-ring);outline-offset:2px}:where(.gds-chip-active){border-color:var(--ds-chip-border-active);background:var(--ds-chip-bg-active);color:var(--ds-chip-fg-active)}:where(.gds-badge){border-radius:var(--radius-pill);letter-spacing:.04em;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}:where(.gds-badge-brand){background:var(--ds-badge-brand-bg);color:var(--ds-badge-brand-fg);border:1px solid var(--ds-badge-brand-border)}:where(.gds-shell-header){background:var(--ds-header-bg);color:var(--ds-header-fg);border-bottom:1px solid var(--ds-header-border);box-shadow:none;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}:where(.gds-shell-header [data-gengage-part=chat-header-powered-by]){color:var(--ds-header-muted)}:where(.gds-icon-btn){border-radius:var(--radius-control);width:42px;min-width:42px;height:42px;min-height:42px;padding:0}:where(.gds-input-shell){border-radius:var(--ds-input-radius);border:1px solid var(--ds-input-border);background:var(--ds-input-bg);min-height:52px;box-shadow:var(--ds-input-highlight);align-items:center;gap:12px;padding:6px 6px 6px 14px;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}:where(.gds-input-shell:focus-within){border-color:var(--ds-input-focus-border);box-shadow:var(--ds-input-focus-ring)}:where(.gds-tab){border-radius:var(--radius-pill);border:1px solid var(--ds-tab-border);background:var(--ds-tab-bg);color:var(--ds-tab-fg);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}:where(.gds-tab:hover){background:var(--ds-tab-bg-hover)}:where(.gds-tab:focus-visible){outline:2px solid var(--client-focus-ring);outline-offset:2px}:where(.gds-tab[aria-selected=true],.gds-tab.is-active){color:var(--ds-tab-fg-active);border-color:var(--ds-tab-border-active);background:var(--ds-tab-bg-active)}:where(.gds-toolbar){flex-wrap:wrap;align-items:center;gap:10px;display:flex}:where(.gds-toolbar-compact){gap:8px}:where(.gds-card){background:var(--ds-card-bg);border:1px solid var(--ds-card-border);border-radius:var(--ds-card-radius);box-shadow:var(--ds-card-shadow);transition:border-color .15s,box-shadow .15s,background-color .15s}:where(.gds-card-interactive),:where(.gds-clickable){cursor:pointer}:where(.gds-card-interactive:hover){background:var(--ds-card-bg-hover);border-color:var(--ds-card-border-hover);box-shadow:var(--ds-card-shadow-hover)}:where(.gds-card-soft){background:var(--ds-card-bg-soft)}:where(.gds-product-card){border-radius:16px}:where(.gds-evidence-card){background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-control);box-shadow:var(--shadow-1)}:where(.gds-evidence-card-success){background:color-mix(in srgb, var(--success) 10%, white);border-color:color-mix(in srgb, var(--success) 22%, var(--border-default))}:where(.gds-evidence-card-danger){background:color-mix(in srgb, var(--error) 8%, white);border-color:color-mix(in srgb, var(--error) 20%, var(--border-default))}:where(.gds-evidence-card-warning){background:color-mix(in srgb, var(--warning) 10%, white);border-color:color-mix(in srgb, var(--warning) 22%, var(--border-default))}:where(.gds-message){border-radius:calc(var(--radius-control) + 4px);word-wrap:break-word;overflow-wrap:break-word;border:1px solid #0000;max-width:85%;padding:14px 16px;font-size:14px;font-weight:400;line-height:1.55;animation:.3s cubic-bezier(.2,.7,.2,1) gengage-chat-msg-in}:where(.gds-message-user){background:var(--ds-message-user-bg);color:var(--ds-message-user-fg);border-color:var(--ds-message-user-border);box-shadow:var(--ds-message-user-shadow);border-bottom-right-radius:6px;align-self:flex-end}:where(.gds-message-assistant){background:var(--ds-message-assistant-bg);color:var(--ds-message-assistant-fg);border-color:var(--ds-message-assistant-border);box-shadow:var(--ds-message-assistant-shadow);border-bottom-left-radius:6px;align-self:flex-start;min-width:120px}:where(.gds-message-active){outline:2px solid var(--ds-message-active-outline);outline-offset:-2px}:where(.gds-ai-card){background:var(--surface-card);border:1px solid var(--ds-progress-card-border);border-radius:20px;gap:16px;padding:18px;display:grid}:where(.gds-ai-mark){background:var(--ds-progress-mark-bg);width:42px;height:42px;color:var(--ai-accent-start);border:1px solid var(--ds-progress-mark-border);border-radius:14px;place-items:center;display:grid}:where(.gds-ai-loader-row){align-items:center;gap:12px;display:flex}:where(.gds-progress-loader){border:1px solid color-mix(in srgb, var(--ai-accent-start) 10%, var(--border-default));background:linear-gradient(110deg, var(--surface-card-soft) 8%, color-mix(in srgb, var(--ai-accent-start) 5%, var(--surface-card)) 18%, var(--surface-card-soft) 33%);width:fit-content;max-width:100%;color:var(--text-secondary);background-size:220% 100%;border-radius:14px;align-items:center;gap:10px;padding:8px 14px;animation:1.8s linear infinite gds-progress-shimmer;display:inline-flex}:where(.gds-progress-loader-chat){box-sizing:border-box;align-self:flex-start;width:100%;min-width:0;max-width:85%;display:flex}:where(.gds-progress-loader-chat) .gds-progress-label{overflow-wrap:anywhere;flex:auto;min-width:0}:where(.gds-progress-loader-panel){box-sizing:border-box;justify-content:flex-start;align-items:center;width:100%;min-width:0;max-width:100%;display:flex}:where(.gds-progress-loader-panel) .gds-progress-label{overflow-wrap:anywhere;flex:auto;min-width:0}:where(.gds-progress-label){min-width:0;color:var(--text-secondary);word-break:break-word;font-size:13px;line-height:1.5}:where(.gds-progress-dots){flex-shrink:0;align-items:center;gap:6px;display:inline-flex}:where(.gds-progress-dot){background:color-mix(in srgb, var(--ai-accent-start) 20%, var(--text-muted));border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite gds-progress-dot-pulse;display:inline-block}:where(.gds-progress-dot:nth-child(2)){animation-delay:.2s}:where(.gds-progress-dot:nth-child(3)){animation-delay:.4s}:where(.gds-ai-status){border-radius:calc(var(--radius-control) + 2px);border:1px solid var(--border-default);background:var(--surface-card-muted);max-width:85%;color:var(--text-secondary);border-bottom-left-radius:6px;align-self:flex-start;align-items:center;gap:8px;padding:10px 14px;display:flex}:where(.gds-ai-status-text){color:var(--text-secondary);font-size:13px;font-style:italic}:where(.gds-ai-dot-loader){align-items:center;gap:5px;display:inline-flex}:where(.gds-ai-dot-loader span){background:color-mix(in srgb, var(--ai-accent-start) 38%, var(--text-muted));border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite gds-progress-dot-pulse;display:inline-block}:where(.gds-ai-dot-loader span:nth-child(2)){animation-delay:.2s}:where(.gds-ai-dot-loader span:nth-child(3)){animation-delay:.4s}:where(.gds-ai-spinner){border:2.5px solid var(--border-default);border-top-color:var(--ai-accent-start);border-radius:50%;flex-shrink:0;width:26px;height:26px;animation:.72s linear infinite gds-spin}@keyframes gds-spin{to{transform:rotate(360deg)}}@keyframes gds-progress-shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}@keyframes gds-progress-dot-pulse{0%,to{opacity:.45;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){:where(.gds-progress-loader){animation:none}:where(.gds-progress-dot){opacity:.85;animation:none;transform:scale(1)}:where(.gds-ai-spinner){animation:none}:where(.gds-ai-dot-loader span){opacity:.85;animation:none}}:where(.gds-menu){border-radius:var(--radius-card);border:1px solid var(--border-default);background:var(--surface-elevated);box-shadow:var(--shadow-3);padding:4px}:where(.gds-menu-option){border-radius:calc(var(--radius-control) - 4px);width:100%;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;line-height:1.25;transition:background-color .15s,color .15s;display:flex}:where(.gds-menu-option:hover){background:var(--surface-card-muted)}:where(.gds-menu-option:focus-visible){outline:2px solid var(--client-focus-ring);outline-offset:2px}:where(.gds-menu-option-active){background:var(--client-primary-subtle);color:var(--client-primary);font-weight:600}:where(.gds-comparison-table){border-collapse:separate;border-spacing:0;border:1px solid var(--ds-comparison-table-border);background:var(--ds-comparison-table-bg);border-radius:20px;width:100%;overflow:hidden}:where(.gds-comparison-table th,.gds-comparison-table td){text-align:left;border-bottom:1px solid var(--ds-comparison-table-row-border);padding:14px 16px;font-size:13px}:where(.gds-comparison-table th){background:var(--ds-comparison-table-header-bg);text-transform:uppercase;letter-spacing:.08em;color:var(--ds-comparison-table-header-fg);font-size:11px}:where(.gds-comparison-table tr:last-child td){border-bottom:0}:where(.gds-comparison-table-winner-cell){background:var(--ds-comparison-table-winner-bg);color:var(--ds-comparison-table-winner-fg);font-weight:800}.gengage-qna-container{margin-top:var(--gengage-qna-container-margin-top,16px);margin-bottom:var(--gengage-qna-container-margin-bottom,32px);font-family:var(--gengage-font-family,"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--gengage-font-size,14px);color:var(--text-primary);--_gengage-border-color:var(--border-default);--_gengage-text-primary:var(--text-primary);--_gengage-text-secondary:var(--text-secondary);--_gengage-qna-panel-surface:var(--gengage-qna-panel-bg,#f7f7f9);--_gengage-qna-icon-color:var(--gengage-qna-icon-color,var(--client-primary));--_gengage-qna-transition-overlay:color-mix(in srgb, var(--surface-card) 78%, transparent);--_gengage-qna-pill-bg:var(--gengage-qna-pill-bg,#fff);--_gengage-qna-pill-bg-hover:var(--gengage-qna-pill-bg-hover,color-mix(in srgb, var(--client-primary) 10%, white));--_gengage-qna-pill-fg:var(--gengage-qna-pill-fg,var(--client-primary));--_gengage-qna-pill-border:var(--gengage-qna-pill-border,color-mix(in srgb, var(--client-primary) 64%, white));--_gengage-qna-pill-border-hover:var(--gengage-qna-pill-border-hover,color-mix(in srgb, var(--client-primary) 78%, white));--_gengage-qna-input-bg:var(--gengage-qna-input-bg,#fff);--_gengage-qna-input-border:var(--gengage-qna-input-border,color-mix(in srgb, var(--client-primary) 58%, white));--_gengage-qna-action-icon-bg-hover:var(--gengage-qna-action-icon-bg-hover,color-mix(in srgb, var(--client-primary) 12%, white));--_gengage-qna-clear-color:var(--gengage-qna-clear-color,var(--client-primary));--_gengage-qna-send-color:var(--gengage-qna-send-color,var(--client-primary));--_gengage-qna-send-color-disabled:var(--gengage-qna-send-color-disabled,color-mix(in srgb, var(--client-primary) 36%, #b3b8c8));--_gengage-qna-action-icon-size:var(--gengage-qna-action-icon-size,20px);position:relative}.gengage-qna-panel{z-index:0;isolation:isolate;background:var(--_gengage-qna-panel-surface);border:var(--gengage-qna-panel-border,1px solid var(--_gengage-border-color));border-radius:var(--gengage-qna-panel-radius,14px);padding:var(--gengage-qna-panel-padding,18px 20px 24px);margin-bottom:var(--gengage-qna-panel-margin-bottom,0);margin-top:var(--gengage-qna-panel-margin-top,0);box-shadow:var(--gengage-qna-panel-shadow,0 2px 14px color-mix(in srgb, var(--_gengage-text-primary) 7%, transparent), 0 1px 2px color-mix(in srgb, var(--_gengage-text-primary) 5%, transparent));flex-direction:column;display:flex;position:relative}.gengage-qna-panel>.gengage-qna-heading{order:0}.gengage-qna-panel>.gengage-qna-uispec{order:1}.gengage-qna-panel>:not(.gengage-qna-transition-indicator){z-index:0;position:relative}.gengage-qna-panel .gengage-qna-heading:first-child{margin-top:0}.gengage-qna-uispec{gap:var(--gengage-qna-uispec-gap,12px);flex-direction:column;display:flex}.gengage-qna-uispec>.gengage-qna-heading{order:0}.gengage-qna-uispec>.gengage-qna-input-wrapper{order:1}.gengage-qna-uispec>.gengage-qna-buttons{order:2}.gengage-qna-uispec>*{animation:.15s cubic-bezier(.2,.72,.2,1) both gengage-qna-enter}@keyframes gengage-qna-enter{0%{opacity:0;transform:translateY(4px)scale(.995)}to{opacity:1;transform:none}}.gengage-qna-buttons{gap:var(--gengage-qna-buttons-gap,10px);padding:var(--gengage-qna-buttons-padding,2px 0 2px);flex-wrap:wrap;align-content:flex-start;display:flex}.gengage-qna-button{min-height:var(--gengage-qna-button-min-height,34px);padding:var(--gengage-qna-button-padding,6px 12px);border:1px solid var(--_gengage-qna-pill-border);border-radius:var(--radius-pill,var(--gengage-qna-pill-radius,999px));background:var(--_gengage-qna-pill-bg);color:var(--_gengage-qna-pill-fg);font-size:var(--gengage-qna-button-font-size,14px);cursor:pointer;text-align:left;justify-content:center;align-items:center;font-family:inherit;font-weight:700;line-height:1.3;transition:background-color .14s,border-color .14s,color .14s,transform .12s;display:inline-flex}.gengage-qna-button:hover{background:var(--_gengage-qna-pill-bg-hover);border-color:var(--_gengage-qna-pill-border-hover);transform:translateY(-1px)}.gengage-qna-button:active{transform:translateY(1px)scale(.988)}.gengage-qna-button:focus-visible{outline:2px solid var(--client-primary);outline-offset:2px}.gengage-qna-cta{min-height:var(--gengage-qna-button-min-height,34px);padding:var(--gengage-qna-button-padding,6px 12px);border:1px solid var(--ds-button-secondary-border);border-radius:var(--radius-pill,var(--gengage-qna-pill-radius,999px));background:var(--ds-button-secondary-bg);color:var(--ds-button-secondary-fg);font-size:var(--gengage-qna-button-font-size,14px);cursor:pointer;opacity:.92;white-space:nowrap;align-items:center;font-family:inherit;font-weight:700;transition:opacity .12s,transform .12s;display:inline-flex}.gengage-qna-cta:hover{background:var(--ds-button-secondary-bg-hover);transform:translateY(-1px)}.gengage-qna-cta:focus-visible{outline:2px solid var(--client-primary);outline-offset:2px}.gengage-qna-input-wrapper{padding:var(--gengage-qna-input-wrapper-padding,0);margin-bottom:var(--gengage-qna-input-wrapper-margin-bottom,14px)}.gengage-qna-input-combo{border:1px solid var(--_gengage-qna-input-border);border-radius:var(--gengage-qna-input-radius,12px);background:var(--_gengage-qna-input-bg);min-height:48px;box-shadow:var(--gengage-qna-input-inner-shadow,var(--ds-input-highlight));flex-direction:row;align-items:center;transition:border-color .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden}.gengage-qna-input-combo:before{content:"";border:2px solid var(--_gengage-qna-icon-color);box-sizing:border-box;pointer-events:none;border-radius:999px;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.gengage-qna-input-combo:after{content:"";background:var(--_gengage-qna-icon-color);transform-origin:50%;pointer-events:none;border-radius:999px;width:8px;height:2px;position:absolute;top:50%;left:28px;transform:translateY(4px)rotate(45deg)}.gengage-qna-input-combo:focus-within{border-color:var(--ds-input-focus-border);box-shadow:var(--ds-input-focus-ring)}.gengage-qna-input{min-width:0;height:48px;font-size:var(--gengage-qna-input-font-size,14px);font-weight:var(--gengage-qna-input-font-weight,500);background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:0 10px 0 40px;font-family:inherit;transition:none}.gengage-qna-input::placeholder{color:var(--gengage-qna-input-placeholder-color,#6b7280);transition:opacity .18s}.gengage-qna-input--fade::placeholder{opacity:0}.gengage-qna-input-actions{flex-shrink:0;align-items:center;gap:6px;padding-left:4px;padding-right:10px;display:inline-flex}.gengage-qna-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;transition:opacity .15s,transform .15s,background-color .15s,color .15s;display:inline-flex}.gengage-qna-icon-btn svg{width:var(--_gengage-qna-action-icon-size);height:var(--_gengage-qna-action-icon-size);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:opacity .12s}.gengage-qna-icon-btn:hover{background:var(--_gengage-qna-action-icon-bg-hover)}.gengage-qna-icon-btn:focus-visible{outline:2px solid var(--client-focus-ring);outline-offset:1px}.gengage-qna-icon-btn--hidden{display:none}.gengage-qna-clear{color:var(--_gengage-qna-clear-color)}.gengage-qna-clear svg{stroke:currentColor}.gengage-qna-send{color:var(--_gengage-qna-send-color-disabled)}.gengage-qna-send:disabled{opacity:1;cursor:pointer}.gengage-qna-send svg{stroke:currentColor}.gengage-qna-send.gengage-qna-send--active{color:var(--_gengage-qna-send-color)}.gengage-qna-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gengage-qna-heading{font-size:var(--gengage-qna-heading-font-size,clamp(16px, 1.15vw, 19px));line-height:var(--gengage-qna-heading-line-height,1.3);letter-spacing:var(--gengage-qna-heading-letter-spacing,-.012em);font-weight:var(--gengage-qna-heading-font-weight,700);margin:var(--gengage-qna-heading-margin,0 0 8px);color:var(--gengage-qna-heading-color,var(--_gengage-text-primary))}.gengage-qna-loading{gap:4px;padding:12px 0;display:flex}.gengage-qna-loading-dot{background:var(--client-primary);opacity:.4;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite both gengage-qna-pulse}.gengage-qna-loading-dot:first-child{animation-delay:0s}.gengage-qna-loading-dot:nth-child(2){animation-delay:.16s}.gengage-qna-loading-dot:nth-child(3){animation-delay:.32s}@keyframes gengage-qna-pulse{0%,80%,to{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (width<=900px){.gengage-qna-panel{padding:var(--gengage-qna-panel-padding-tablet,14px 16px 18px)}.gengage-qna-uispec{gap:var(--gengage-qna-uispec-gap-tablet,12px)}.gengage-qna-uispec>.gengage-qna-buttons{padding-top:var(--gengage-qna-buttons-padding-top-tablet,2px);gap:var(--gengage-qna-buttons-gap-tablet,8px)}}@media (width<=768px){.gengage-qna-buttons{gap:10px;padding:8px 0 12px}.gengage-qna-button,.gengage-qna-cta{min-height:44px;padding:10px 16px;font-size:14px;line-height:1.2}.gengage-qna-input{font-size:16px}.gengage-qna-input-actions{gap:4px;padding-right:8px}.gengage-qna-icon-btn{width:30px;height:30px}}@media (prefers-reduced-motion:reduce){.gengage-qna-uispec>*,.gengage-qna-button,.gengage-qna-cta,.gengage-qna-send,.gengage-qna--transitioning,.gengage-qna-transition-indicator{transition:none!important;animation:none!important;transform:none!important}}.gengage-qna--transitioning{opacity:.7;pointer-events:none;transition:opacity .2s}.gengage-qna-transition-indicator{z-index:2147483647;box-sizing:border-box;color:var(--client-primary);text-align:center;pointer-events:none;background:var(--_gengage-qna-transition-overlay);-webkit-backdrop-filter:blur(4px);border-radius:inherit;justify-content:center;align-items:center;padding:16px;font-size:12px;font-weight:500;line-height:1.35;animation:.15s gengage-qna-fade-in;display:flex;position:absolute;inset:0}@keyframes gengage-qna-fade-in{0%{opacity:0}to{opacity:1}}
+:where(:root,.gengage-chat-root,.gengage-qna-container,.gengage-simrel-container,.gengage-simbut-root){--ds-neutral-0:#fff;--ds-neutral-25:#fcfcfd;--ds-neutral-50:#f6f7fb;--ds-neutral-100:#f3f4f6;--ds-neutral-200:#e5e7eb;--ds-neutral-300:#d0d5dd;--ds-neutral-500:#667085;--ds-neutral-600:#475467;--ds-neutral-700:#344054;--ds-neutral-900:#111827;--ds-radius-2:8px;--ds-radius-3:12px;--ds-radius-4:16px;--ds-radius-5:20px;--ds-radius-6:24px;--ds-radius-pill:999px;--ds-shadow-1:0 1px 2px #1018280a, 0 1px 3px #1018280f;--ds-shadow-2:0 4px 12px #10182814;--ds-shadow-3:0 10px 24px #1018281f;--client-primary:var(--gengage-primary-color,#b7102a);--client-primary-hover:var(--gengage-primary-hover,color-mix(in srgb, var(--client-primary) 88%, black 12%));--client-primary-active:var(--gengage-primary-active,color-mix(in srgb, var(--client-primary) 78%, black 22%));--client-primary-subtle:color-mix(in srgb, var(--client-primary) 12%, white);--client-primary-soft:color-mix(in srgb, var(--client-primary) 20%, white);--client-on-primary:var(--gengage-primary-foreground,#fff);--client-focus-ring:color-mix(in srgb, var(--client-primary) 32%, transparent);--ai-accent-start:#0b24d6;--ai-accent-end:#f768f2;--ai-accent-soft:linear-gradient(135deg, #0b24d614, #f768f214);--surface-page:var(--gengage-page-bg,var(--ds-neutral-50));--surface-shell:var(--gengage-shell-bg,#10131a);--surface-card:var(--gengage-background-color,var(--ds-neutral-0));--surface-card-muted:var(--gengage-surface-soft,#f8fafc);--surface-card-soft:var(--surface-card-muted);--surface-elevated:var(--gengage-surface-elevated,var(--ds-neutral-0));--surface-input:var(--gengage-input-bg,var(--ds-neutral-0));--surface-overlay:var(--gengage-overlay-bg,#10131a85);--text-primary:var(--gengage-foreground-color,var(--ds-neutral-900));--text-secondary:var(--gengage-text-secondary,#4b5563);--text-muted:var(--gengage-text-muted,#6b7280);--text-inverse:var(--gengage-text-inverse,#f9fafb);--border-subtle:var(--gengage-border-subtle,#1118270f);--border-default:var(--gengage-border-color,#1118271a);--border-strong:var(--gengage-border-strong,#1118272e);--shadow-1:var(--gengage-shadow-1,var(--ds-shadow-1));--shadow-2:var(--gengage-shadow-2,var(--ds-shadow-2));--shadow-3:var(--gengage-shadow-3,var(--ds-shadow-3));--radius-control:var(--gengage-control-radius,var(--ds-radius-3));--radius-card:var(--gengage-card-radius,var(--ds-radius-4));--radius-panel:var(--gengage-panel-radius,var(--ds-radius-6));--radius-pill:var(--gengage-pill-radius,var(--ds-radius-pill));--success:var(--gengage-success-color,#16a34a);--warning:var(--gengage-warning-color,#d97706);--error:var(--gengage-error-color,#dc2626);--info:var(--gengage-info-color,#2563eb);--rating:var(--gengage-rating-color,#f5b301);--gengage-primary:var(--client-primary);--gengage-primary-soft:var(--client-primary-soft);--gengage-primary-subtle:var(--client-primary-subtle);--gengage-text-color:var(--text-primary);--gengage-text-secondary:var(--text-secondary);--gengage-hover-color:var(--surface-card-soft);--ds-button-primary-bg:var(--client-primary);--ds-button-primary-bg-hover:var(--client-primary-hover);--ds-button-primary-bg-active:var(--client-primary-active);--ds-button-primary-fg:var(--client-on-primary);--ds-button-primary-border:color-mix(in srgb, var(--client-primary) 82%, black 18%);--ds-button-secondary-bg:var(--surface-card);--ds-button-secondary-bg-hover:var(--client-primary-subtle);--ds-button-secondary-fg:var(--client-primary);--ds-button-secondary-border:color-mix(in srgb, var(--client-primary) 26%, white);--ds-button-ghost-bg:var(--surface-card-muted);--ds-button-ghost-bg-hover:var(--ds-button-ghost-bg);--ds-button-ghost-fg:var(--text-primary);--ds-button-ghost-fg-hover:var(--client-primary);--ds-button-ghost-border:var(--border-default);--ds-button-ghost-border-hover:color-mix(in srgb, var(--client-primary) 18%, white);--ds-panel-bg:var(--surface-card);--ds-panel-border:var(--border-default);--ds-panel-shadow:var(--shadow-1);--ds-panel-radius:var(--radius-panel);--ds-header-bg:var(--surface-card);--ds-header-fg:var(--text-primary);--ds-header-muted:var(--text-muted);--ds-header-border:var(--border-default);--ds-card-bg:var(--surface-card);--ds-card-bg-soft:var(--surface-card-muted);--ds-card-border:var(--border-default);--ds-card-shadow:var(--shadow-1);--ds-card-shadow-hover:var(--shadow-2);--ds-card-radius:var(--radius-card);--ds-card-border-hover:color-mix(in srgb, var(--client-primary) 14%, var(--border-default));--ds-card-bg-hover:color-mix(in srgb, var(--client-primary) 2%, var(--surface-card));--ds-product-card-media-bg:var(--surface-card-muted);--ds-product-card-media-border:var(--border-subtle);--ds-input-bg:var(--surface-input);--ds-input-border:var(--border-default);--ds-input-radius:16px;--ds-input-focus-border:color-mix(in srgb, var(--client-primary) 28%, white);--ds-input-focus-ring:0 0 0 4px var(--client-focus-ring);--ds-input-highlight:inset 0 1px 0 #fff9;--ds-chip-bg:var(--surface-card);--ds-chip-border:var(--border-default);--ds-chip-fg:var(--text-secondary);--ds-chip-bg-hover:var(--surface-card-muted);--ds-chip-bg-active:color-mix(in srgb, var(--client-primary) 8%, white);--ds-chip-border-active:color-mix(in srgb, var(--client-primary) 30%, white);--ds-chip-fg-active:var(--client-primary);--ds-tab-bg:var(--surface-card);--ds-tab-bg-hover:var(--surface-card-muted);--ds-tab-bg-active:color-mix(in srgb, var(--client-primary) 8%, white);--ds-tab-border:var(--border-default);--ds-tab-border-active:color-mix(in srgb, var(--client-primary) 26%, white);--ds-tab-fg:var(--text-secondary);--ds-tab-fg-active:var(--client-primary);--ds-badge-brand-bg:color-mix(in srgb, var(--client-primary) 10%, white);--ds-badge-brand-border:color-mix(in srgb, var(--client-primary) 18%, white);--ds-badge-brand-fg:var(--client-primary);--ds-message-user-bg:color-mix(in srgb, var(--client-primary) 10%, white);--ds-message-user-fg:var(--text-primary);--ds-message-user-border:color-mix(in srgb, var(--client-primary) 18%, var(--border-default));--ds-message-user-shadow:none;--ds-message-assistant-bg:var(--surface-card-soft);--ds-message-assistant-fg:var(--text-primary);--ds-message-assistant-border:var(--border-default);--ds-message-assistant-shadow:none;--ds-message-active-outline:color-mix(in srgb, var(--client-primary) 68%, white);--ds-progress-card-border:var(--border-subtle);--ds-progress-mark-bg:color-mix(in srgb, var(--ai-accent-start) 8%, var(--surface-card));--ds-progress-mark-border:color-mix(in srgb, var(--ai-accent-start) 12%, var(--border-default));--ds-progress-scrollbar-thumb:color-mix(in srgb, var(--text-primary) 18%, transparent);--ds-toast-error-bg:color-mix(in srgb, var(--error) 5%, var(--surface-card));--ds-toast-error-border:color-mix(in srgb, var(--error) 18%, var(--border-default));--ds-toast-error-accent:var(--error);--ds-toast-error-fg:color-mix(in srgb, var(--error) 22%, var(--text-primary));--ds-toast-error-shadow:var(--shadow-3);--ds-comparison-table-bg:var(--surface-card);--ds-comparison-table-border:var(--border-default);--ds-comparison-table-header-bg:var(--surface-card-muted);--ds-comparison-table-header-fg:var(--text-muted);--ds-comparison-table-row-border:var(--border-subtle);--ds-comparison-table-winner-bg:color-mix(in srgb, var(--client-primary) 6%, white);--ds-comparison-table-winner-fg:var(--client-primary)}:where(.gds-panel){background:var(--ds-panel-bg);border:1px solid var(--ds-panel-border);border-radius:var(--ds-panel-radius);box-shadow:var(--ds-panel-shadow)}:where(.gengage-qna-panel,.gengage-chat-panel-topbar,.gengage-chat-chat-header,.gengage-chat-panel-ai-zone>.gengage-chat-ai-top-picks,.gengage-chat-grounding-review){border-color:var(--ds-panel-border)}:where(.gds-btn){border-radius:var(--radius-control);min-height:46px;font:inherit;cursor:pointer;border:0;outline:none;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:700;transition:box-shadow .15s,border-color .15s,background-color .15s,color .15s;display:inline-flex}:where(.gds-btn:hover){transform:none}:where(.gds-btn:focus-visible){outline:2px solid var(--client-focus-ring);outline-offset:2px}:where(.gds-btn:disabled){cursor:not-allowed;opacity:.56;box-shadow:none}:where(.gds-btn-primary){background:var(--ds-button-primary-bg);color:var(--ds-button-primary-fg);border:1px solid var(--ds-button-primary-border)}:where(.gds-btn-primary:hover){background:var(--ds-button-primary-bg-hover)}:where(.gds-btn-secondary){background:var(--ds-button-secondary-bg);color:var(--ds-button-secondary-fg);border:1px solid var(--ds-button-secondary-border)}:where(.gds-btn-secondary:hover){background:var(--ds-button-secondary-bg-hover)}:where(.gds-btn-ghost){background:var(--ds-button-ghost-bg);color:var(--ds-button-ghost-fg);border:1px solid var(--ds-button-ghost-border)}:where(.gds-btn-ghost:hover){background:var(--ds-button-ghost-bg-hover);border-color:var(--ds-button-ghost-border-hover);color:var(--ds-button-ghost-fg-hover)}:where(.gds-chip){border-radius:var(--radius-pill);border:1px solid var(--ds-chip-border);background:var(--ds-chip-bg);color:var(--ds-chip-fg);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}:where(.gds-chip:hover){background:var(--ds-chip-bg-hover);border-color:color-mix(in srgb, var(--client-primary) 16%, var(--ds-chip-border))}:where(.gds-chip:focus-visible){outline:2px solid var(--client-focus-ring);outline-offset:2px}:where(.gds-chip-active){border-color:var(--ds-chip-border-active);background:var(--ds-chip-bg-active);color:var(--ds-chip-fg-active)}:where(.gds-badge){border-radius:var(--radius-pill);letter-spacing:.04em;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}:where(.gds-badge-brand){background:var(--ds-badge-brand-bg);color:var(--ds-badge-brand-fg);border:1px solid var(--ds-badge-brand-border)}:where(.gds-shell-header){background:var(--ds-header-bg);color:var(--ds-header-fg);border-bottom:1px solid var(--ds-header-border);box-shadow:none;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}:where(.gds-shell-header [data-gengage-part=chat-header-powered-by]){color:var(--ds-header-muted)}:where(.gds-icon-btn){border-radius:var(--radius-control);width:42px;min-width:42px;height:42px;min-height:42px;padding:0}:where(.gds-input-shell){border-radius:var(--ds-input-radius);border:1px solid var(--ds-input-border);background:var(--ds-input-bg);min-height:52px;box-shadow:var(--ds-input-highlight);align-items:center;gap:12px;padding:6px 6px 6px 14px;transition:border-color .15s,box-shadow .15s,background-color .15s;display:flex}:where(.gds-input-shell:focus-within){border-color:var(--ds-input-focus-border);box-shadow:var(--ds-input-focus-ring)}:where(.gds-tab){border-radius:var(--radius-pill);border:1px solid var(--ds-tab-border);background:var(--ds-tab-bg);color:var(--ds-tab-fg);align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}:where(.gds-tab:hover){background:var(--ds-tab-bg-hover)}:where(.gds-tab:focus-visible){outline:2px solid var(--client-focus-ring);outline-offset:2px}:where(.gds-tab[aria-selected=true],.gds-tab.is-active){color:var(--ds-tab-fg-active);border-color:var(--ds-tab-border-active);background:var(--ds-tab-bg-active)}:where(.gds-toolbar){flex-wrap:wrap;align-items:center;gap:10px;display:flex}:where(.gds-toolbar-compact){gap:8px}:where(.gds-card){background:var(--ds-card-bg);border:1px solid var(--ds-card-border);border-radius:var(--ds-card-radius);box-shadow:var(--ds-card-shadow);transition:border-color .15s,box-shadow .15s,background-color .15s}:where(.gds-card-interactive),:where(.gds-clickable){cursor:pointer}:where(.gds-card-interactive:hover){background:var(--ds-card-bg-hover);border-color:var(--ds-card-border-hover);box-shadow:var(--ds-card-shadow-hover)}:where(.gds-card-soft){background:var(--ds-card-bg-soft)}:where(.gds-product-card){border-radius:16px}:where(.gds-evidence-card){background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-control);box-shadow:var(--shadow-1)}:where(.gds-evidence-card-success){background:color-mix(in srgb, var(--success) 10%, white);border-color:color-mix(in srgb, var(--success) 22%, var(--border-default))}:where(.gds-evidence-card-danger){background:color-mix(in srgb, var(--error) 8%, white);border-color:color-mix(in srgb, var(--error) 20%, var(--border-default))}:where(.gds-evidence-card-warning){background:color-mix(in srgb, var(--warning) 10%, white);border-color:color-mix(in srgb, var(--warning) 22%, var(--border-default))}:where(.gds-message){border-radius:calc(var(--radius-control) + 4px);word-wrap:break-word;overflow-wrap:break-word;border:1px solid #0000;max-width:85%;padding:14px 16px;font-size:14px;font-weight:400;line-height:1.55;animation:.3s cubic-bezier(.2,.7,.2,1) gengage-chat-msg-in}:where(.gds-message-user){background:var(--ds-message-user-bg);color:var(--ds-message-user-fg);border-color:var(--ds-message-user-border);box-shadow:var(--ds-message-user-shadow);border-bottom-right-radius:6px;align-self:flex-end}:where(.gds-message-assistant){background:var(--ds-message-assistant-bg);color:var(--ds-message-assistant-fg);border-color:var(--ds-message-assistant-border);box-shadow:var(--ds-message-assistant-shadow);border-bottom-left-radius:6px;align-self:flex-start;min-width:120px}:where(.gds-message-active){outline:2px solid var(--ds-message-active-outline);outline-offset:-2px}:where(.gds-ai-card){background:var(--surface-card);border:1px solid var(--ds-progress-card-border);border-radius:20px;gap:16px;padding:18px;display:grid}:where(.gds-ai-mark){background:var(--ds-progress-mark-bg);width:42px;height:42px;color:var(--ai-accent-start);border:1px solid var(--ds-progress-mark-border);border-radius:14px;place-items:center;display:grid}:where(.gds-ai-loader-row){align-items:center;gap:12px;display:flex}:where(.gds-progress-loader){border:1px solid color-mix(in srgb, var(--ai-accent-start) 10%, var(--border-default));background:linear-gradient(110deg, var(--surface-card-soft) 8%, color-mix(in srgb, var(--ai-accent-start) 5%, var(--surface-card)) 18%, var(--surface-card-soft) 33%);width:fit-content;max-width:100%;color:var(--text-secondary);background-size:220% 100%;border-radius:14px;align-items:center;gap:10px;padding:8px 14px;animation:1.8s linear infinite gds-progress-shimmer;display:inline-flex}:where(.gds-progress-loader-chat){box-sizing:border-box;align-self:flex-start;width:100%;min-width:0;max-width:85%;display:flex}:where(.gds-progress-loader-chat) .gds-progress-label{overflow-wrap:anywhere;flex:auto;min-width:0}:where(.gds-progress-loader-panel){box-sizing:border-box;justify-content:flex-start;align-items:center;width:100%;min-width:0;max-width:100%;display:flex}:where(.gds-progress-loader-panel) .gds-progress-label{overflow-wrap:anywhere;flex:auto;min-width:0}:where(.gds-progress-label){min-width:0;color:var(--text-secondary);word-break:break-word;font-size:13px;line-height:1.5}:where(.gds-progress-dots){flex-shrink:0;align-items:center;gap:6px;display:inline-flex}:where(.gds-progress-dot){background:color-mix(in srgb, var(--ai-accent-start) 20%, var(--text-muted));border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite gds-progress-dot-pulse;display:inline-block}:where(.gds-progress-dot:nth-child(2)){animation-delay:.2s}:where(.gds-progress-dot:nth-child(3)){animation-delay:.4s}:where(.gds-ai-status){border-radius:calc(var(--radius-control) + 2px);border:1px solid var(--border-default);background:var(--surface-card-muted);max-width:85%;color:var(--text-secondary);border-bottom-left-radius:6px;align-self:flex-start;align-items:center;gap:8px;padding:10px 14px;display:flex}:where(.gds-ai-status-text){color:var(--text-secondary);font-size:13px;font-style:italic}:where(.gds-ai-dot-loader){align-items:center;gap:5px;display:inline-flex}:where(.gds-ai-dot-loader span){background:color-mix(in srgb, var(--ai-accent-start) 38%, var(--text-muted));border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite gds-progress-dot-pulse;display:inline-block}:where(.gds-ai-dot-loader span:nth-child(2)){animation-delay:.2s}:where(.gds-ai-dot-loader span:nth-child(3)){animation-delay:.4s}:where(.gds-ai-spinner){border:2.5px solid var(--border-default);border-top-color:var(--ai-accent-start);border-radius:50%;flex-shrink:0;width:26px;height:26px;animation:.72s linear infinite gds-spin}@keyframes gds-spin{to{transform:rotate(360deg)}}@keyframes gds-progress-shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}@keyframes gds-progress-dot-pulse{0%,to{opacity:.45;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){:where(.gds-progress-loader){animation:none}:where(.gds-progress-dot){opacity:.85;animation:none;transform:scale(1)}:where(.gds-ai-spinner){animation:none}:where(.gds-ai-dot-loader span){opacity:.85;animation:none}}:where(.gds-menu){border-radius:var(--radius-card);border:1px solid var(--border-default);background:var(--surface-elevated);box-shadow:var(--shadow-3);padding:4px}:where(.gds-menu-option){border-radius:calc(var(--radius-control) - 4px);width:100%;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;line-height:1.25;transition:background-color .15s,color .15s;display:flex}:where(.gds-menu-option:hover){background:var(--surface-card-muted)}:where(.gds-menu-option:focus-visible){outline:2px solid var(--client-focus-ring);outline-offset:2px}:where(.gds-menu-option-active){background:var(--client-primary-subtle);color:var(--client-primary);font-weight:600}:where(.gds-comparison-table){border-collapse:separate;border-spacing:0;border:1px solid var(--ds-comparison-table-border);background:var(--ds-comparison-table-bg);border-radius:20px;width:100%;overflow:hidden}:where(.gds-comparison-table th,.gds-comparison-table td){text-align:left;border-bottom:1px solid var(--ds-comparison-table-row-border);padding:14px 16px;font-size:13px}:where(.gds-comparison-table th){background:var(--ds-comparison-table-header-bg);text-transform:uppercase;letter-spacing:.08em;color:var(--ds-comparison-table-header-fg);font-size:11px}:where(.gds-comparison-table tr:last-child td){border-bottom:0}:where(.gds-comparison-table-winner-cell){background:var(--ds-comparison-table-winner-bg);color:var(--ds-comparison-table-winner-fg);font-weight:800}.gengage-qna-container{margin-top:var(--gengage-qna-container-margin-top,16px);margin-bottom:var(--gengage-qna-container-margin-bottom,32px);font-family:var(--gengage-font-family,"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);font-size:var(--gengage-font-size,14px);color:var(--text-primary);--_gengage-border-color:var(--border-default);--_gengage-text-primary:var(--text-primary);--_gengage-text-secondary:var(--text-secondary);--_gengage-qna-panel-surface:var(--gengage-qna-panel-bg,#f7f7f9);--_gengage-qna-icon-color:var(--gengage-qna-icon-color,var(--client-primary));--_gengage-qna-transition-overlay:color-mix(in srgb, var(--surface-card) 78%, transparent);--_gengage-qna-pill-bg:var(--gengage-qna-pill-bg,#fff);--_gengage-qna-pill-bg-hover:var(--gengage-qna-pill-bg-hover,color-mix(in srgb, var(--client-primary) 10%, white));--_gengage-qna-pill-fg:var(--gengage-qna-pill-fg,var(--client-primary));--_gengage-qna-pill-border:var(--gengage-qna-pill-border,color-mix(in srgb, var(--client-primary) 64%, white));--_gengage-qna-pill-border-hover:var(--gengage-qna-pill-border-hover,color-mix(in srgb, var(--client-primary) 78%, white));--_gengage-qna-input-bg:var(--gengage-qna-input-bg,#fff);--_gengage-qna-input-border:var(--gengage-qna-input-border,color-mix(in srgb, var(--client-primary) 58%, white));--_gengage-qna-action-icon-bg-hover:var(--gengage-qna-action-icon-bg-hover,color-mix(in srgb, var(--client-primary) 12%, white));--_gengage-qna-clear-color:var(--gengage-qna-clear-color,var(--client-primary));--_gengage-qna-send-color:var(--gengage-qna-send-color,var(--client-primary));--_gengage-qna-send-color-disabled:var(--gengage-qna-send-color-disabled,color-mix(in srgb, var(--client-primary) 36%, #b3b8c8));--_gengage-qna-action-icon-size:var(--gengage-qna-action-icon-size,20px);position:relative}.gengage-qna-chrome{box-sizing:border-box;grid-template-columns:var(--gengage-qna-chrome-grid-template-columns,minmax(0, 1fr) auto);align-items:var(--gengage-qna-chrome-align-items,start);gap:var(--gengage-qna-chrome-gap,18px);min-height:var(--gengage-qna-chrome-min-height,0);margin:var(--gengage-qna-chrome-margin,0 0 32px);padding:var(--gengage-qna-chrome-padding,20px 24px 24px);border:var(--gengage-qna-chrome-border,0);border-radius:var(--gengage-qna-chrome-radius,6px);background:var(--gengage-qna-chrome-bg,#f6f6f6);color:var(--gengage-qna-chrome-color,var(--text-primary,#242424));font-family:inherit;display:grid;position:relative;overflow:visible}.gengage-qna-chrome-copy{grid-column:var(--gengage-qna-chrome-copy-grid-column,auto);grid-row:var(--gengage-qna-chrome-copy-grid-row,auto);min-width:0;padding-right:var(--gengage-qna-chrome-copy-padding-right,0)}.gengage-qna-chrome-title{margin:var(--gengage-qna-chrome-title-margin,0 0 8px);color:var(--gengage-qna-chrome-title-color,var(--text-primary,#242424));font-family:inherit;font-size:var(--gengage-qna-chrome-title-font-size,24px);font-weight:var(--gengage-qna-chrome-title-font-weight,700);line-height:var(--gengage-qna-chrome-title-line-height,1.2);letter-spacing:0}.gengage-qna-chrome-subtitle{margin:var(--gengage-qna-chrome-subtitle-margin,0);max-width:var(--gengage-qna-chrome-subtitle-max-width,560px);color:var(--gengage-qna-chrome-subtitle-color,var(--text-secondary,#4b5563));font-family:inherit;font-size:var(--gengage-qna-chrome-subtitle-font-size,16px);font-weight:var(--gengage-qna-chrome-subtitle-font-weight,400);line-height:var(--gengage-qna-chrome-subtitle-line-height,1.45);letter-spacing:0}.gengage-qna-chrome-image{grid-column:var(--gengage-qna-chrome-image-grid-column,2);grid-row:var(--gengage-qna-chrome-image-grid-row,1 / span 3);align-self:var(--gengage-qna-chrome-image-align-self,end);justify-self:var(--gengage-qna-chrome-image-justify-self,center);box-sizing:border-box;width:var(--gengage-qna-chrome-image-width,180px);max-width:var(--gengage-qna-chrome-image-max-width,34vw);height:var(--gengage-qna-chrome-image-height,180px);padding:var(--gengage-qna-chrome-image-padding,0);object-fit:contain;pointer-events:none}.gengage-qna-chrome-widget{grid-column:var(--gengage-qna-chrome-widget-grid-column,1 / -1);grid-row:var(--gengage-qna-chrome-widget-grid-row,auto);min-width:0;max-width:var(--gengage-qna-chrome-widget-max-width,none)}.gengage-qna-chrome-start{grid-column:var(--gengage-qna-chrome-start-grid-column,1);grid-row:var(--gengage-qna-chrome-start-grid-row,auto);justify-self:var(--gengage-qna-chrome-start-justify-self,start);min-width:var(--gengage-qna-chrome-start-min-width,108px);min-height:var(--gengage-qna-chrome-start-min-height,42px);margin-top:var(--gengage-qna-chrome-start-margin-top,14px);padding:var(--gengage-qna-chrome-start-padding,0 22px);border:var(--gengage-qna-chrome-start-border,0);border-radius:var(--gengage-qna-chrome-start-radius,25px);background:var(--gengage-qna-chrome-start-bg,var(--ds-button-primary-bg));color:var(--gengage-qna-chrome-start-fg,var(--ds-button-primary-fg));font-family:inherit;font-size:var(--gengage-qna-chrome-start-font-size,13px);font-weight:var(--gengage-qna-chrome-start-font-weight,700);letter-spacing:0;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;line-height:1.2;transition:background-color .14s,transform .12s;display:inline-flex}.gengage-qna-chrome--side-image{grid-template-columns:var(--gengage-qna-chrome-side-image-columns,minmax(0, 1fr) minmax(var(--gengage-qna-chrome-image-width,180px), auto))}.gengage-qna-chrome--side-image .gengage-qna-chrome-copy{grid-column:var(--gengage-qna-chrome-copy-grid-column,1);grid-row:var(--gengage-qna-chrome-copy-grid-row,1)}.gengage-qna-chrome--side-image .gengage-qna-chrome-image{grid-column:var(--gengage-qna-chrome-image-grid-column,2);grid-row:var(--gengage-qna-chrome-image-grid-row,1 / span 3)}.gengage-qna-chrome--side-image .gengage-qna-chrome-widget{grid-column:var(--gengage-qna-chrome-widget-grid-column,1);grid-row:var(--gengage-qna-chrome-widget-grid-row,2)}.gengage-qna-chrome--side-image .gengage-qna-chrome-start{grid-column:var(--gengage-qna-chrome-start-grid-column,1);grid-row:var(--gengage-qna-chrome-start-grid-row,3)}.gengage-qna-chrome-start:hover{background:var(--gengage-qna-chrome-start-bg-hover,var(--ds-button-primary-bg-hover));transform:translateY(-1px)}.gengage-qna-chrome-start:active{transform:translateY(0)}.gengage-qna-chrome-start:focus-visible{outline:2px solid var(--client-focus-ring);outline-offset:2px}.gengage-qna-panel{z-index:0;isolation:isolate;background:var(--_gengage-qna-panel-surface);border:var(--gengage-qna-panel-border,1px solid var(--_gengage-border-color));border-radius:var(--gengage-qna-panel-radius,14px);padding:var(--gengage-qna-panel-padding,18px 20px 24px);margin-bottom:var(--gengage-qna-panel-margin-bottom,0);margin-top:var(--gengage-qna-panel-margin-top,0);box-shadow:var(--gengage-qna-panel-shadow,0 2px 14px color-mix(in srgb, var(--_gengage-text-primary) 7%, transparent), 0 1px 2px color-mix(in srgb, var(--_gengage-text-primary) 5%, transparent));flex-direction:column;display:flex;position:relative}.gengage-qna-panel>.gengage-qna-heading{order:0}.gengage-qna-panel>.gengage-qna-uispec{order:1}.gengage-qna-panel>:not(.gengage-qna-transition-indicator){z-index:0;position:relative}.gengage-qna-panel .gengage-qna-heading:first-child{margin-top:0}.gengage-qna-uispec{gap:var(--gengage-qna-uispec-gap,12px);flex-direction:column;display:flex}.gengage-qna-uispec>.gengage-qna-heading{order:0}.gengage-qna-uispec>.gengage-qna-input-wrapper{order:1}.gengage-qna-uispec>.gengage-qna-buttons{order:2}.gengage-qna-uispec>*{animation:.15s cubic-bezier(.2,.72,.2,1) both gengage-qna-enter}@keyframes gengage-qna-enter{0%{opacity:0;transform:translateY(4px)scale(.995)}to{opacity:1;transform:none}}.gengage-qna-buttons{gap:var(--gengage-qna-buttons-gap,10px);padding:var(--gengage-qna-buttons-padding,2px 0 2px);flex-wrap:wrap;align-content:flex-start;display:flex}.gengage-qna-button{min-height:var(--gengage-qna-button-min-height,34px);padding:var(--gengage-qna-button-padding,6px 12px);border:1px solid var(--_gengage-qna-pill-border);border-radius:var(--radius-pill,var(--gengage-qna-pill-radius,999px));background:var(--_gengage-qna-pill-bg);color:var(--_gengage-qna-pill-fg);font-size:var(--gengage-qna-button-font-size,14px);cursor:pointer;text-align:left;justify-content:center;align-items:center;font-family:inherit;font-weight:700;line-height:1.3;transition:background-color .14s,border-color .14s,color .14s,transform .12s;display:inline-flex}.gengage-qna-button:hover{background:var(--_gengage-qna-pill-bg-hover);border-color:var(--_gengage-qna-pill-border-hover);transform:translateY(-1px)}.gengage-qna-button:active{transform:translateY(1px)scale(.988)}.gengage-qna-button:focus-visible{outline:2px solid var(--client-primary);outline-offset:2px}.gengage-qna-cta{min-height:var(--gengage-qna-button-min-height,34px);padding:var(--gengage-qna-button-padding,6px 12px);border:1px solid var(--ds-button-secondary-border);border-radius:var(--radius-pill,var(--gengage-qna-pill-radius,999px));background:var(--ds-button-secondary-bg);color:var(--ds-button-secondary-fg);font-size:var(--gengage-qna-button-font-size,14px);cursor:pointer;opacity:.92;white-space:nowrap;align-items:center;font-family:inherit;font-weight:700;transition:opacity .12s,transform .12s;display:inline-flex}.gengage-qna-cta:hover{background:var(--ds-button-secondary-bg-hover);transform:translateY(-1px)}.gengage-qna-cta:focus-visible{outline:2px solid var(--client-primary);outline-offset:2px}.gengage-qna-input-wrapper{padding:var(--gengage-qna-input-wrapper-padding,0);margin-bottom:var(--gengage-qna-input-wrapper-margin-bottom,14px)}.gengage-qna-input-combo{border:1px solid var(--_gengage-qna-input-border);border-radius:var(--gengage-qna-input-radius,12px);background:var(--_gengage-qna-input-bg);min-height:48px;box-shadow:var(--gengage-qna-input-inner-shadow,var(--ds-input-highlight));flex-direction:row;align-items:center;transition:border-color .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden}.gengage-qna-input-combo:before{content:"";border:2px solid var(--_gengage-qna-icon-color);box-sizing:border-box;pointer-events:none;border-radius:999px;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.gengage-qna-input-combo:after{content:"";background:var(--_gengage-qna-icon-color);transform-origin:50%;pointer-events:none;border-radius:999px;width:8px;height:2px;position:absolute;top:50%;left:28px;transform:translateY(4px)rotate(45deg)}.gengage-qna-input-combo:focus-within{border-color:var(--ds-input-focus-border);box-shadow:var(--ds-input-focus-ring)}.gengage-qna-input{min-width:0;height:48px;font-size:var(--gengage-qna-input-font-size,14px);font-weight:var(--gengage-qna-input-font-weight,500);background:0 0;border:none;border-radius:0;outline:none;flex:1;padding:0 10px 0 40px;font-family:inherit;transition:none}.gengage-qna-input::placeholder{color:var(--gengage-qna-input-placeholder-color,#6b7280);transition:opacity .18s}.gengage-qna-input--fade::placeholder{opacity:0}.gengage-qna-input-actions{flex-shrink:0;align-items:center;gap:6px;padding-left:4px;padding-right:10px;display:inline-flex}.gengage-qna-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;transition:opacity .15s,transform .15s,background-color .15s,color .15s;display:inline-flex}.gengage-qna-icon-btn svg{width:var(--_gengage-qna-action-icon-size);height:var(--_gengage-qna-action-icon-size);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:opacity .12s}.gengage-qna-icon-btn:hover{background:var(--_gengage-qna-action-icon-bg-hover)}.gengage-qna-icon-btn:focus-visible{outline:2px solid var(--client-focus-ring);outline-offset:1px}.gengage-qna-icon-btn--hidden{display:none}.gengage-qna-clear{color:var(--_gengage-qna-clear-color)}.gengage-qna-clear svg{stroke:currentColor}.gengage-qna-send{color:var(--_gengage-qna-send-color-disabled)}.gengage-qna-send:disabled{opacity:1;cursor:pointer}.gengage-qna-send svg{stroke:currentColor}.gengage-qna-send.gengage-qna-send--active{color:var(--_gengage-qna-send-color)}.gengage-qna-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gengage-qna-heading{display:var(--gengage-qna-heading-display,block);font-size:var(--gengage-qna-heading-font-size,clamp(16px, 1.15vw, 19px));line-height:var(--gengage-qna-heading-line-height,1.3);letter-spacing:var(--gengage-qna-heading-letter-spacing,-.012em);font-weight:var(--gengage-qna-heading-font-weight,700);margin:var(--gengage-qna-heading-margin,0 0 8px);color:var(--gengage-qna-heading-color,var(--_gengage-text-primary))}.gengage-qna-loading{gap:4px;padding:12px 0;display:flex}.gengage-qna-loading-dot{background:var(--client-primary);opacity:.4;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite both gengage-qna-pulse}.gengage-qna-loading-dot:first-child{animation-delay:0s}.gengage-qna-loading-dot:nth-child(2){animation-delay:.16s}.gengage-qna-loading-dot:nth-child(3){animation-delay:.32s}@keyframes gengage-qna-pulse{0%,80%,to{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (width<=900px){.gengage-qna-chrome{gap:var(--gengage-qna-chrome-gap-tablet,12px);padding:var(--gengage-qna-chrome-padding-tablet,18px 18px 20px)}.gengage-qna-chrome-image{width:var(--gengage-qna-chrome-image-width-tablet,150px);height:var(--gengage-qna-chrome-image-height-tablet,150px)}.gengage-qna-panel{padding:var(--gengage-qna-panel-padding-tablet,14px 16px 18px)}.gengage-qna-uispec{gap:var(--gengage-qna-uispec-gap-tablet,12px)}.gengage-qna-uispec>.gengage-qna-buttons{padding-top:var(--gengage-qna-buttons-padding-top-tablet,2px);gap:var(--gengage-qna-buttons-gap-tablet,8px)}}@media (width<=768px){.gengage-qna-chrome{grid-template-columns:var(--gengage-qna-chrome-grid-template-columns-mobile,var(--gengage-qna-chrome-grid-template-columns,minmax(0, 1fr) auto));padding:var(--gengage-qna-chrome-padding-mobile,18px 16px 20px)}.gengage-qna-chrome--side-image{grid-template-columns:var(--gengage-qna-chrome-side-image-columns-mobile,minmax(0, 1fr))}.gengage-qna-chrome--side-image .gengage-qna-chrome-copy,.gengage-qna-chrome--side-image .gengage-qna-chrome-widget,.gengage-qna-chrome--side-image .gengage-qna-chrome-start{grid-column:var(--gengage-qna-chrome-content-grid-column-mobile,1)}.gengage-qna-chrome-copy{padding-right:var(--gengage-qna-chrome-copy-padding-right-mobile,76px)}.gengage-qna-chrome-title{font-size:var(--gengage-qna-chrome-title-font-size-mobile,22px)}.gengage-qna-chrome-subtitle{font-size:var(--gengage-qna-chrome-subtitle-font-size-mobile,14px)}.gengage-qna-chrome-image{right:var(--gengage-qna-chrome-image-right-mobile,0);bottom:var(--gengage-qna-chrome-image-bottom-mobile,-4px);width:var(--gengage-qna-chrome-image-width-mobile,126px);max-width:var(--gengage-qna-chrome-image-max-width-mobile,40vw);height:var(--gengage-qna-chrome-image-height-mobile,126px);position:absolute}.gengage-qna-chrome-start{min-height:var(--gengage-qna-chrome-start-min-height-mobile,44px)}.gengage-qna-buttons{gap:10px;padding:8px 0 12px}.gengage-qna-button,.gengage-qna-cta{min-height:44px;padding:10px 16px;font-size:14px;line-height:1.2}.gengage-qna-input{font-size:16px}.gengage-qna-input-actions{gap:4px;padding-right:8px}.gengage-qna-icon-btn{width:30px;height:30px}}@media (prefers-reduced-motion:reduce){.gengage-qna-uispec>*,.gengage-qna-button,.gengage-qna-cta,.gengage-qna-send,.gengage-qna--transitioning,.gengage-qna-transition-indicator,.gengage-qna-chrome-start{transition:none!important;animation:none!important;transform:none!important}}.gengage-qna--transitioning{opacity:.7;pointer-events:none;transition:opacity .2s}.gengage-qna-transition-indicator{z-index:2147483647;box-sizing:border-box;color:var(--client-primary);text-align:center;pointer-events:none;background:var(--_gengage-qna-transition-overlay);-webkit-backdrop-filter:blur(4px);border-radius:inherit;justify-content:center;align-items:center;padding:16px;font-size:12px;font-weight:500;line-height:1.35;animation:.15s gengage-qna-fade-in;display:flex;position:absolute;inset:0}@keyframes gengage-qna-fade-in{0%{opacity:0}to{opacity:1}}