.chat-demo{width:100%;min-width:0}.chat-demo__layout{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.chat-demo--wide .chat-demo__layout{grid-template-columns:minmax(0,1fr) minmax(220px,280px)}}.chat-demo__window{background:var(--color-surface-elevated);border:1px solid var(--color-border-accent);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 24px 48px rgba(0,0,0,.35)}.chat-demo__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;background:rgba(168,85,247,.06);border-bottom:1px solid var(--color-border);font-size:.85rem;font-weight:600;color:var(--color-text-platinum)}.chat-demo__badge{font-size:.65rem;font-weight:500;color:#64748b}.chat-demo__messages{padding:1rem;min-height:240px;display:flex;flex-direction:column;gap:.75rem}.chat-demo__msg{max-width:100%;word-break:break-word;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.9rem}.chat-demo__msg--enter{animation:chat-msg-in .28s ease forwards}@keyframes chat-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-demo__msg--user{align-self:flex-end;background:rgba(168,85,247,.14);border:1px solid rgba(168,85,247,.35)}.chat-demo__msg--user p{margin:0;color:#f8fafc;line-height:1.55}.chat-demo__msg--bot{align-self:flex-start;background:rgba(11,15,25,.6);border:1px solid var(--color-border)}.chat-demo__msg--bot p{margin:0;color:#f8fafc;line-height:1.65}.chat-demo__msg--bot p strong{color:#f8fafc;font-weight:600}.chat-demo__cursor{color:var(--brand-llm-support);animation:blink .8s step-end infinite}@keyframes blink{50%{opacity:0}}.chat-demo__citations{display:flex;flex-direction:column;gap:.35rem;margin-top:1rem;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.chat-demo__citations--visible{opacity:1;transform:translateY(0);pointer-events:auto}.chat-demo__cite{display:flex;align-items:center;gap:.35rem;width:100%;text-align:left;padding:.5rem .65rem;font-size:.75rem;font-family:var(--font-mono);background:rgba(168,85,247,.06);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--brand-llm-support);cursor:pointer;transition:border-color .2s,background .2s}.chat-demo__cite--active{border-color:var(--brand-llm-support);background:rgba(168,85,247,.12)}.chat-demo__cite-chevron{margin-left:auto;font-size:.6rem}.chat-demo__input{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--color-border)}.chat-demo__input input{flex:1;padding:.6rem .75rem;background:rgba(11,15,25,.85);border:1px solid rgba(51,65,85,.6);border-radius:var(--radius-sm);color:#f8fafc;font-family:inherit;font-size:.85rem;transition:border-color .2s ease,box-shadow .2s ease}.chat-demo__input input:focus{outline:none;border-color:var(--brand-llm);box-shadow:0 0 0 1px rgba(168,85,247,.3)}.chat-demo__input .btn{font-size:.85rem;padding:.6rem 1rem}.chat-demo__preview{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;animation:gantt-fade .3s ease}.chat-demo__preview header{font-size:.75rem;color:var(--brand-llm-support);margin-bottom:.25rem}.chat-demo__preview-page{font-size:.7rem;color:var(--color-text-muted);margin:0 0 .75rem}.chat-demo__preview-body{font-size:.8rem;line-height:1.6;color:var(--color-text-muted);padding:.75rem;background:rgba(11,15,25,.5);border-radius:var(--radius-sm);border-left:3px solid var(--brand-llm-support)}.chat-demo__highlight{background:rgba(250,204,21,.35);color:#fde047;padding:0 2px;border-radius:2px}.chat-demo__roles{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:1rem}.chat-demo__roles button{padding:.45rem .9rem;font-size:.8rem;font-family:inherit;background:rgba(15,23,42,.45);border:1px solid #1e293b;border-radius:var(--radius-sm);color:#64748b;cursor:pointer;transition:color .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.chat-demo__roles button:hover:not(.chat-demo__role--active){border-color:var(--brand-llm);color:#f8fafc;background:rgba(168,85,247,.08)}.chat-demo__role--active{border-color:var(--brand-llm)!important;color:#f8fafc!important;background:rgba(168,85,247,.12)!important;box-shadow:0 0 0 1px rgba(168,85,247,.2),0 0 12px rgba(168,85,247,.25)}.chat-demo__infobar{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;padding:.5rem 1rem;font-size:.65rem;color:var(--brand-llm-support);border-top:1px solid var(--color-border);background:rgba(168,85,247,.06)}.chat-demo__msg--risk p{color:#fecaca}.chat-demo__code{margin:0;padding:.75rem;background:#05080f;border-radius:var(--radius-sm);font-size:.8rem;overflow-x:auto}.chat-demo__code code{display:block;margin-bottom:.5rem;color:#e2e8f0;line-height:1.55}.llm-hybrid-core-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 55% 48%,rgba(88,28,135,.32) 0,var(--color-bg) 72%)}.llm-hybrid-core-visual.hero-visual-cube{display:block;min-height:0}.llm-hybrid-core-visual>div{position:absolute!important;inset:0;width:100%!important;height:100%!important;min-height:0!important}.llm-hybrid-core-visual canvas{display:block;width:100%!important;height:100%!important}.llm-hybrid-core-canvas-root{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;pointer-events:auto}.llm-hybrid-core-visual .llm-hybrid-core-canvas-root,.llm-hybrid-core-visual canvas{pointer-events:auto}.llm-hybrid-core-visual--fallback{display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;color:var(--brand-llm-support);text-align:center;padding:1rem}@media (max-width:767px){.llm-hybrid-core-visual{display:none!important}}.rag-flow{margin-top:1.5rem}.rag-flow__pipeline{display:flex;align-items:stretch;gap:0}.rag-flow__card{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;min-height:200px;padding:1.25rem 1.15rem;text-align:left;background:rgba(11,15,25,.55);border:1px solid #1e293b;border-radius:var(--radius-md);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.rag-flow__card--hover{border-color:var(--brand-llm);box-shadow:0 0 0 1px rgba(168,85,247,.2),0 0 22px rgba(168,85,247,.28),0 0 44px rgba(168,85,247,.1)}.rag-flow__visual{position:absolute;top:0;right:0;width:46%;height:52%;opacity:0;transition:opacity .45s ease;mask-image:linear-gradient(135deg,black 30%,transparent 85%);-webkit-mask-image:linear-gradient(135deg,black 30%,transparent 85%)}.rag-flow__visual--on{opacity:.22}.rag-flow__icon{position:absolute;top:1rem;right:1rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);border:1px solid rgba(168,85,247,.15);background:rgba(168,85,247,.06);box-shadow:0 0 14px rgba(168,85,247,.2);pointer-events:none}.rag-flow__icon-glyph{width:1.125rem;height:1.125rem;color:#94a3b8}.rag-flow__card--hover .rag-flow__icon{border-color:rgba(168,85,247,.35);box-shadow:0 0 18px rgba(168,85,247,.35)}.rag-flow__card--hover .rag-flow__icon-glyph,.rag-flow__step{color:var(--brand-llm-support)}.rag-flow__step{display:block;font-size:.75rem;letter-spacing:.06em;margin-bottom:.35rem;padding-right:2.75rem}.rag-flow__title{margin:0 0 .5rem;font-size:.95rem;font-weight:600;line-height:1.3;color:#fff}.rag-flow__desc{margin:auto 0 0;padding-top:.35rem;font-size:.85rem;line-height:1.55;color:#94a3b8}.rag-flow__link{position:relative;flex:0 0 clamp(28px,4vw,56px);align-self:center;height:1px;margin:0 .15rem}.rag-flow__link-line{display:block;width:100%;height:1px;background:#1e293b}.rag-flow__link-pulse{position:absolute;top:50%;left:0;width:7px;height:7px;border-radius:50%;background:var(--brand-llm);box-shadow:0 0 8px rgba(168,85,247,.9),0 0 16px rgba(168,85,247,.35);transform:translate(-50%,-50%);animation:rag-flow-pulse-h 2.2s linear infinite}.rag-flow__link--fast .rag-flow__link-pulse{animation-duration:.72s}@keyframes rag-flow-pulse-h{0%{left:0;opacity:0}8%{opacity:1}92%{opacity:1}to{left:100%;opacity:0}}#rag h2{line-height:1.22;margin-bottom:1rem}#rag .section__subtitle{line-height:1.6}@media (max-width:768px){.rag-flow__pipeline{flex-direction:column;gap:0}.rag-flow__link{flex:0 0 36px;width:1px;height:36px;margin:0 auto}.rag-flow__link-line{width:1px;height:100%;margin:0 auto}.rag-flow__link-pulse{animation-name:rag-flow-pulse-v}@keyframes rag-flow-pulse-v{0%{top:0;left:50%;opacity:0}8%{opacity:1}92%{opacity:1}to{top:100%;left:50%;opacity:0}}}