.capability-hover-preview{display:none}.capability-hover:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px}.hover-story{transform-origin:0 0;text-align:left;color:#26344b;background:#fff;border:1px solid #d9e3f5;border-radius:16px;width:300px;height:216px;overflow:hidden;transform:scale(.86);box-shadow:0 22px 48px -16px #14387840,0 3px 12px #14387812}.hover-story-heading{align-items:center;gap:7px;padding:14px 12px;font-size:10px;font-weight:600;display:flex}.story-live-dot{background:var(--color-accent);border-radius:50%;width:5px;height:5px}.story-demo{color:#8994a5;margin-left:auto;font:8px monospace}.hover-story-stage{background:#f3f7ff;border-radius:9px;height:136px;margin-inline:10px;padding:12px}.hover-story-footer{color:#768398;padding:12px;font-size:9px;position:relative}.story-progress{transform-origin:0;background:#0052e4;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.story-ingest{align-items:center;height:100%;display:flex}.story-source-column{gap:9px;width:103px;display:grid}.story-source{background:#fff;border:1px solid #e1e8f4;border-radius:5px;align-items:center;gap:6px;padding:6px;font-size:9px;display:flex}.story-tracks{flex:1;gap:34px;display:grid}.story-track{background:#d4dff3;height:1px;position:relative}.story-packet{opacity:0;background:#0052e4;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;left:0}.story-brain{color:#fff;background:#0052e4;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:76px;height:76px;font-size:8px;display:flex;position:relative}.story-brain-ring{border:1px solid #0052e440;border-radius:23px;position:absolute;inset:-5px}.story-editor{background:#fff;border:1px solid #dfe7f4;border-radius:7px;height:100%;overflow:hidden}.story-editor-bar{color:#8390a2;border-bottom:1px solid #eef1f6;align-items:center;gap:6px;padding:7px 9px;font:8px monospace;display:flex}.story-editor-dot{background:#0052e4;border-radius:50%;width:4px;height:4px;margin-left:auto}.story-context{color:#0052e4;align-items:center;gap:5px;margin:6px 8px;font-size:8px;display:flex}.story-code{gap:5px;padding:0 8px;font:8px monospace;display:grid}.story-code-line{white-space:nowrap;display:block}.story-caret{color:#0052e4}.story-loop-labels{color:#7a8ca6;justify-content:space-between;align-items:center;font:8px monospace;display:flex}.story-loop-labels span:last-child{color:#0052e4}.story-memory-stack{margin-top:21px;position:relative}.story-memory-back{background:#fff;border:1px solid #dbe4f5;border-radius:6px;height:47px;position:absolute;inset:0 7px;transform:translateY(-6px)rotate(-3deg)}.story-memory-front{color:#0052e4;background:#fff;border:1px solid #cedcf6;border-radius:7px;align-items:center;gap:9px;padding:10px;display:flex;position:relative}.story-memory-front div{flex:1}.story-memory-front strong{font-size:10px;font-weight:600;display:block}.story-memory-front div span{color:#8390a2;margin-top:3px;font-size:8px;display:block}.story-memory-note{text-align:center;color:#71819a;margin-top:10px;font-size:9px}.story-memory-plus{color:#0052e4;margin-right:6px;font-family:monospace}.story-query{color:#708099;align-items:center;gap:6px;font-size:9px;display:flex}.story-answer-text{margin-top:13px;font-size:12px;font-weight:500;line-height:1.4}.story-answer-reveal{display:block}.story-citations{gap:5px;margin-top:10px;display:flex}.story-citation{color:#0052e4;background:#fff;border:1px solid #d8e4f8;border-radius:4px;padding:4px 5px;font:8px monospace}.story-verified{color:#71819a;align-items:center;gap:4px;margin-top:9px;font-size:8px;display:flex}@media (width>=768px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hover-story[data-playing=true] .story-progress{animation:6s linear .2s infinite story-progress}.hover-story[data-playing=true] .story-packet{animation:story-packet 3s ease-in-out calc(.4s + var(--story-step) * .35s) infinite}.hover-story[data-playing=true] .story-brain-ring{animation:3s ease-in-out .8s infinite story-pulse}.hover-story[data-playing=true] :is(.story-code-line,.story-citation){animation:6s infinite both story-arrive;animation-delay:calc(.4s + var(--story-step) * .25s)}.hover-story[data-playing=true] .story-context{animation:6s .2s infinite both story-arrive}.hover-story[data-playing=true] .story-memory-front{animation:6s cubic-bezier(.22,1,.36,1) .2s infinite both story-memory}.hover-story[data-playing=true] :is(.story-memory-note,.story-verified){animation:6s 1s infinite both story-arrive}.hover-story[data-playing=true] .story-answer-reveal{animation:6s .2s infinite both story-answer}}@keyframes story-progress{0%{transform:scaleX(0)}90%,to{transform:scaleX(1)}}@keyframes story-packet{0%,10%{opacity:0;left:0}20%{opacity:1}75%{opacity:1;left:calc(100% - 5px)}90%,to{opacity:0;left:calc(100% - 5px)}}@keyframes story-pulse{0%,to{opacity:.4;transform:scale(1)}55%{opacity:1;transform:scale(1.1)}}@keyframes story-arrive{0%,8%{opacity:0;transform:translateY(5px)}22%,82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}@keyframes story-memory{0%,10%{opacity:0;transform:translateY(10px)rotate(2deg)}35%,85%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes story-answer{0%,12%{opacity:0;clip-path:inset(0 100% 0 0)}40%,85%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(0)}}@media (width>=768px) and (hover:hover) and (pointer:fine){.capability-hover{z-index:0}.capability-hover[data-preview-active=true]{z-index:2}.capability-hover-preview{pointer-events:none;opacity:0;visibility:hidden;width:258px;height:186px;transform:translate3d(var(--hover-x,24px), var(--hover-y,120px), 0);transition:opacity .35s,visibility 0s .35s,transform .32s cubic-bezier(.22,1,.36,1);display:block;position:absolute;top:0;left:0}.capability-hover-surface{height:100%;transition:transform .55s cubic-bezier(.22,1,.36,1);transform:translateY(4px)scale(.985)}.capability-hover[data-preview-active=true] .capability-hover-preview{opacity:1;visibility:visible;transition:opacity .5s .2s,visibility 0s .2s,transform .32s cubic-bezier(.22,1,.36,1)}.capability-hover[data-preview-active=true] .capability-hover-surface{transition-delay:.2s;transform:translateY(0)scale(1)}.capability-hover:focus-visible .capability-hover-preview,.capability-hover:focus-visible .capability-hover-surface{transition-delay:0s}}@media (prefers-reduced-motion:reduce){.capability-hover .capability-hover-preview,.capability-hover .capability-hover-surface{transition:none}.capability-hover .capability-hover-surface{transform:none}}
