:root{color:#102a43;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible,iframe:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #2563eb}.sidebar button:focus-visible,.chat-invitation button:focus-visible{outline-color:#fff}button svg{flex:none}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#d7e7f7;background:linear-gradient(#102a43 0%,#0b2238 100%);flex-direction:column;height:100vh;padding:24px 15px 18px;display:flex;position:sticky;top:0}.brand-mark{color:#fff;background:linear-gradient(135deg,#3b8df5,#2563eb);border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;box-shadow:0 6px 16px #2563eb47}.brand-mark.large{border-radius:14px;width:48px;height:48px}.wordmark{justify-items:start;gap:1px;line-height:1;display:inline-grid}.wordmark-name{letter-spacing:-.03em;font-weight:800}.wordmark-name b{color:#3b8df5;font-weight:800}.wordmark-vendor{color:#88a9c4;letter-spacing:.06em;font-size:10px;font-weight:650}.wordmark-sm .wordmark-name{font-size:15px}.wordmark-md .wordmark-name{font-size:20px}.wordmark-lg{justify-items:center}.wordmark-lg .wordmark-name{font-size:34px}.wordmark-lg .wordmark-vendor{font-size:12px}.client-identity{color:#fff;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.client-mark{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#3b8df5,#2563eb);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 6px 16px #2563eb47}.client-logo{object-fit:contain;border-radius:8px;width:38px;height:38px}.client-name{letter-spacing:-.025em;font-size:17px;font-weight:800;line-height:1.15}.client-identity.compact .client-mark,.client-identity.compact .client-logo{border-radius:8px;width:28px;height:28px;font-size:11px}.client-identity.compact .client-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.sidebar-product{border-top:1px solid #31516e;justify-content:center;padding-top:12px;display:flex}.sidebar-product .wordmark{justify-items:center}.sidebar-product .wordmark-name{color:#e6f0fa}.mobile-product{display:none}.workspace-label{color:#88a9c4;letter-spacing:.12em;text-transform:uppercase;margin:28px 10px 8px;font-size:10px;font-weight:700}.eyebrow{text-transform:uppercase}.sidebar nav{gap:4px;display:grid}.nav-item{color:#c4d7e9;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:11px;transition:background .16s,color .16s,transform .16s;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#1d3e5e}.nav-item:hover{transform:translate(2px)}.nav-item.active{font-weight:700;box-shadow:inset 3px 0 #57a0f5}.sidebar-footer{border-top:1px solid #31516e;gap:10px;margin-top:auto;padding-top:16px;font-size:12px;display:grid}.sidebar-status,.sidebar-user{border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;display:grid}.sidebar-status>div,.sidebar-user>div{gap:2px;min-width:0;display:grid}.sidebar-status span,.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.sidebar-status small,.sidebar-user small{color:#88a9c4;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sidebar-status{color:#b9efd6;background:#18a66b1f}.sidebar-status svg{color:#4fd39a}.sidebar-status.refreshing{color:#ffe4ad;background:#f0a92b1f}.sidebar-status.refreshing svg{color:#f0a92b;animation:1.4s ease-in-out infinite pulse}.sidebar-status.error{color:#ffd2cd;background:#b3261e29}.sidebar-status.error svg{color:#ff8a80}.sidebar-user{color:#e6f0fa;background:#ffffff0d}.avatar{color:#b9d8ff;background:#1d3e5e;border:1px solid #31516e;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.signout-button{color:#c4d7e9;cursor:pointer;background:0 0;border:1px solid #31516e;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-weight:650;transition:background .16s,color .16s;display:flex}.signout-button:hover{color:#fff;background:#1d3e5e}.mobile-header,.mobile-nav{display:none}.main-content{flex-direction:column;min-width:0;min-height:100vh;padding:26px 34px 34px;display:flex}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.eyebrow{color:#57718b;letter-spacing:.12em;margin:0 0 7px;font-size:10px;font-weight:800}h1{letter-spacing:-.04em;margin:0;font-size:clamp(24px,2.6vw,30px);line-height:1.08}.subtitle{color:#63778a;margin:7px 0 0}.context-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.status-dot{background:#18a66b;border-radius:50%;flex:none;width:8px;height:8px;margin-right:6px;display:inline-block}.status-badge{color:#24684e;white-space:nowrap;background:#eef8f4;border:1px solid #c9e8db;border-radius:20px;align-items:center;min-height:36px;padding:8px 11px;font-size:12px;font-weight:650;display:none}.status-badge.refreshing{color:#7a5410;background:#fff8e8;border-color:#f1dcb0}.status-badge.refreshing .status-dot{background:#f0a92b;animation:1.4s ease-in-out infinite pulse}.status-badge.error{color:#8f2b23;background:#fff1f0;border-color:#f3c9c5;display:inline-flex}.status-badge.error .status-dot{background:#b3261e}.session-warning{color:#6b4a0c;background:#fff8e8;border:1px solid #f1dcb0;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.chat-invitation{color:#fff;background:linear-gradient(120deg,#102a43 0%,#174f7d 56%,#2563eb 100%);border:1px solid #ffffff29;border-radius:14px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:12px;padding:12px 14px 12px 16px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 26px #102a4324}.chat-invitation:after{content:"";background:#ffffff12;border-radius:50%;width:160px;height:160px;position:absolute;top:-100px;right:-50px}.chat-invitation>*{z-index:1;position:relative}.chat-invitation-icon{background:#ffffff24;border:1px solid #ffffff38;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.chat-invitation-copy{min-width:0}.chat-invitation h2{letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:15px;line-height:1.2}.chat-invitation-copy p{color:#c9dffb;max-width:30ch;margin:3px 0 0;font-size:12px;line-height:1.35}.chat-question-examples{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.chat-chip{color:#f5f9ff;cursor:pointer;text-align:left;white-space:nowrap;background:#ffffff1c;border:1px solid #ffffff38;border-radius:18px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .16s,border-color .16s}.chat-chip:hover:not(:disabled){background:#ffffff38;border-color:#ffffff80}.chat-chip:disabled{cursor:default;opacity:.45}.chat-invitation-toggle{color:#c9dffb;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:7px 8px;font-size:12px;font-weight:650;display:inline-flex}.chat-invitation-toggle:hover{color:#fff;background:#ffffff1f}.chat-invitation.collapsed{grid-template-columns:auto minmax(0,1fr) auto;padding:8px 10px 8px 14px}.chat-invitation.collapsed .chat-invitation-icon{width:28px;height:28px}.chat-invitation.collapsed h2{font-size:14px}.quick-questions{margin-bottom:18px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:11px;display:flex}.section-heading h2{color:#102a43;letter-spacing:-.025em;margin:0;font-size:18px}.text-action{color:#2563eb;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:6px 2px;font-size:13px;font-weight:750;display:inline-flex}.text-action:hover{color:#194bb5}.prompt-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.prompt-card{color:#193a58;cursor:pointer;text-align:left;background:#fff;border:1px solid #dce6ef;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:76px;padding:13px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.prompt-card:hover{border-color:#a9c9ec;transform:translateY(-2px);box-shadow:0 8px 22px #1e4a7217}.prompt-card small{color:#71869a;letter-spacing:.11em;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.prompt-card strong{font-size:13px;line-height:1.25;display:block}.prompt-icon{color:#2563eb;background:#edf5ff;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.prompt-arrow{color:#7d9ab5;display:inline-flex}.prompt-status{color:#526a80;align-items:center;gap:8px;margin:-4px 0 9px;font-size:13px;display:flex}.experience-card{background:#fff;border:1px solid #dce6ef;border-radius:15px;flex:1;min-height:660px;overflow:hidden;box-shadow:0 12px 36px #23405b0f}.chat-card{min-height:max(560px,100dvh - 140px)}.embedded-experience{border:0;width:100%;height:100%;min-height:660px;display:block}.chat-card .embedded-experience,.chat-card .embed-container{min-height:max(560px,100dvh - 142px)}.embed-container{height:100%;min-height:660px}.embed-state{color:#526a80;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:660px;padding:32px;display:flex}.embed-state h2{color:#102a43;margin:12px 0 4px;font-size:19px}.embed-state p{max-width:430px;margin:0}.state-icon{color:#c1372d;background:#fff1f0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.loading-mark{border:3px solid #d7e4f0;border-top-color:#2f80ed;border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}.loading-mark.small{border-width:2px;width:17px;height:17px}.skeleton-shell{gap:10px;width:72%;max-width:540px;margin-bottom:22px;display:grid}.skeleton-bar,.skeleton-panel{background:linear-gradient(90deg,#edf2f7 25%,#f7f9fc 50%,#edf2f7 75%) 0 0/200% 100%;border-radius:6px;width:42%;height:10px;animation:1.5s ease-in-out infinite shimmer}.skeleton-bar.wide{width:68%}.skeleton-panel{border-radius:12px;width:100%;height:170px}.secondary-button{color:#254968;cursor:pointer;background:#fff;border:1px solid #9cb3c9;border-radius:8px;align-items:center;gap:7px;margin-top:18px;padding:9px 13px;font-weight:700;display:inline-flex}.secondary-button:hover:not(:disabled){background:#f3f7fb}.secondary-button.compact{min-height:36px;margin-top:0;padding:8px 12px;font-size:12px}.secondary-button:disabled{cursor:default;opacity:.55}.primary-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;margin-top:12px;padding:11px 18px;font-weight:700}.primary-button:hover{background:#1d4fd7}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.splash{color:#fff;text-align:center;background:radial-gradient(900px 520px at 78% -10%,#2563eb73,#0000 60%),radial-gradient(700px 480px at -10% 110%,#3b8df538,#0000 60%),linear-gradient(#102a43 0%,#0b2238 100%);grid-template-rows:1fr auto;place-items:center;min-height:100vh;padding:32px 24px 22px;display:grid}.splash-content{align-self:center;justify-items:center;gap:14px;max-width:440px;animation:.7s cubic-bezier(.2,.7,.2,1) both splash-in;display:grid}.splash .brand-mark.large{width:64px;height:64px;box-shadow:0 14px 40px #2563eb73}.splash .brand-mark.large svg{width:30px;height:30px}.splash .wordmark-lg .wordmark-name{color:#fff;font-size:52px}.splash .wordmark-lg .wordmark-vendor{color:#b9d8ff;letter-spacing:.1em;font-size:14px}.splash-tagline{color:#dcecff;margin:2px 0 0;font-size:17px;line-height:1.35}.splash-error{color:#ffd2cd;background:#b3261e38;border:1px solid #ff8a8073;border-radius:10px;margin:10px 0 0;padding:10px 14px;font-size:14px}.splash-button{color:#102a43;cursor:pointer;background:#fff;border:0;border-radius:12px;align-items:center;gap:8px;margin-top:18px;padding:13px 22px;font-size:15px;font-weight:750;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 12px 30px #00000040}.splash-button:hover{transform:translateY(-1px);box-shadow:0 16px 36px #00000052}.splash-button:focus-visible{outline-offset:3px;outline-color:#3b8df5}.splash-hint{color:#88a9c4;margin:0;font-size:12px}.splash-foot{color:#6f8fab;margin:0;font-size:12px}@keyframes splash-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1560px){.chat-invitation{grid-template-columns:auto minmax(0,1fr) auto}.chat-invitation-copy p{max-width:none}.chat-invitation-toggle{grid-area:1/3}.chat-question-examples{grid-area:2/1/auto/-1;justify-content:flex-start}}@media (width<=1120px){.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.app-shell{padding-bottom:70px;display:block}.sidebar{display:none}.status-badge{display:inline-flex}.mobile-header{background:#102a43;justify-content:space-between;align-items:center;height:58px;padding:0 17px;display:flex}.mobile-header .client-identity{min-width:0}.mobile-product{color:#102a43;justify-content:center;padding:14px 0 4px;display:flex}.mobile-product .wordmark{justify-items:center}.mobile-product .wordmark-vendor{color:#57718b}.mobile-signout{color:#d7e7f7;cursor:pointer;background:0 0;border:1px solid #50708d;border-radius:8px;padding:6px 10px;font-size:12px}.main-content{min-height:calc(100dvh - 128px);padding:16px 14px}.topbar{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:12px}.subtitle{font-size:14px}.context-badges{justify-content:flex-start}.chat-invitation{gap:10px;padding:10px 12px}.chat-invitation-copy p{max-width:none}.chat-question-examples{scrollbar-width:none;flex-wrap:nowrap;margin:0 -12px;padding:2px 12px;overflow-x:auto}.chat-question-examples::-webkit-scrollbar{display:none}.prompt-grid{grid-template-columns:1fr 1fr}.prompt-card{min-height:72px}.experience-card,.embedded-experience,.embed-state,.embed-container{min-height:min(620px,100dvh - 188px)}.chat-card,.chat-card .embedded-experience,.chat-card .embed-container{min-height:max(480px,100dvh - 300px)}.mobile-nav{height:70px;padding:7px 14px calc(7px + env(safe-area-inset-bottom));z-index:10;background:#fff;border-top:1px solid #dce6ef;grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav .nav-item{color:#60788f;text-align:center;flex-direction:column;justify-content:center;gap:2px;padding:4px;font-size:11px}.mobile-nav .nav-item:hover{transform:none}.mobile-nav .nav-item.active{box-shadow:none;color:#1f62bd;background:#edf5ff}}@media (width<=520px){.section-heading{align-items:flex-start}.section-heading h2{font-size:17px}.chat-invitation h2{white-space:normal}.prompt-grid{grid-template-columns:1fr}.prompt-card{min-height:64px;padding:11px 12px}.status-badge{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.loading-mark,.status-dot.refreshing,.sidebar-status.refreshing svg,.skeleton-bar,.skeleton-panel{animation:none}}
