.home-demo-panel{background:var(--panel-sky);max-height:460px;color:var(--foreground);border:1px solid #0464948c;border-radius:20px;flex-direction:column;gap:10px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 34px 64px -34px #042a3f8c,0 6px 16px -8px #042a3f4d,inset 0 1px #ffffff80}.dark .home-demo-panel{box-shadow:0 38px 80px -44px #000c,inset 0 1px #ffffff0a}.home-demo-topbar{border-bottom:1px solid var(--sky-line-strong);min-height:20px;font-family:var(--font-plex-mono);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:12px;padding:0 2px 10px;font-size:10px;display:flex}.home-demo-topbar span{color:var(--panel-ink-soft);text-transform:uppercase;align-items:center;gap:7px;display:inline-flex}.home-demo-topbar i{background:#269f71;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite home-demo-breathe;box-shadow:0 0 0 4px #269f711a}.home-demo-topbar a{color:var(--panel-chip-ink);align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.home-demo-topbar a:hover{text-decoration:underline}.home-demo-transcript{scroll-behavior:smooth;flex-direction:column;gap:8px;min-height:160px;max-height:230px;padding-right:2px;display:flex;overflow-y:auto}.home-demo-bubble{border-radius:14px;max-width:88%;padding:8px 12px;font-size:13px;line-height:1.42}.home-demo-bubble p{white-space:pre-wrap;margin:0}.home-demo-bubble-assistant{background:var(--panel-card);color:var(--panel-ink);align-self:flex-start;box-shadow:0 2px 5px -2px #042a3f2e}.home-demo-bubble-user{background:var(--panel-accent);color:#fff;align-self:flex-end;box-shadow:0 3px 8px -3px #043f6080}.home-demo-bubble-pending{align-items:center;display:flex}.home-demo-caret{background:var(--foreground);vertical-align:text-bottom;width:2px;height:13px;margin-left:2px;animation:.9s step-end infinite home-demo-caret-blink;display:inline-block}.home-demo-typing{gap:4px;padding:2px 0;display:inline-flex}.home-demo-typing i{background:var(--ink-soft);border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite home-demo-typing-bounce;display:block}.home-demo-typing i:nth-child(2){animation-delay:.15s}.home-demo-typing i:nth-child(3){animation-delay:.3s}.home-demo-error{border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--foreground);border-radius:10px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.home-demo-error span{flex:1}.home-demo-retry-button{color:var(--blue-deep);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.home-demo-suggestions{flex-wrap:wrap;gap:6px;display:flex}.home-demo-suggestion-chip{border:1px solid var(--sky-line);background:var(--panel-card);color:var(--panel-chip-ink);cursor:pointer;border-radius:999px;padding:6px 11px;font-size:11.5px;font-weight:600;transition:background .16s,transform .16s,border-color .16s}.home-demo-suggestion-chip:hover:not(:disabled){background:var(--panel-accent);border-color:var(--panel-accent);color:#fff;transform:translateY(-1px);box-shadow:0 6px 14px -6px #043f608c}.home-demo-suggestion-chip:disabled{opacity:.5;cursor:not-allowed}.home-demo-composer{border:1px solid var(--sky-line);background:var(--panel-card);border-radius:12px;align-items:center;gap:8px;padding:5px 6px 5px 12px;display:flex;box-shadow:0 2px 5px -2px #042a3f24}.home-demo-composer:focus-within{border-color:var(--blue-button);box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 22%, transparent)}.home-demo-composer input{min-width:0;color:var(--panel-ink);background:0 0;border:none;outline:none;flex:1;font-size:13px}.home-demo-composer input::placeholder{color:var(--ink-soft)}.home-demo-composer button{background:var(--panel-accent);color:#fff;cursor:pointer;border:none;border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 4px 10px -4px #043f6099}.home-demo-composer button:disabled{opacity:.5;cursor:not-allowed}@keyframes home-demo-breathe{0%,to{opacity:1}50%{opacity:.45}}@keyframes home-demo-caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes home-demo-typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (max-width:720px){.home-demo-panel{max-height:none}.home-demo-transcript{min-height:0;max-height:200px}}@media (prefers-reduced-motion:reduce){.home-demo-topbar i,.home-demo-caret,.home-demo-typing i{opacity:.85;animation:none}}.see-it-working-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.see-it-working-note{color:var(--ink-soft);margin-top:4px;font-size:14px}.see-it-working-card{border:1px solid var(--line);background:var(--surface);color:var(--foreground);border-radius:16px;flex-direction:column;gap:10px;padding:20px;text-decoration:none;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex}.see-it-working-card:hover{border-color:color-mix(in srgb, var(--blue) 40%, var(--line));transform:translateY(-2px);box-shadow:0 20px 40px -30px #042a3f80}.dark .see-it-working-card:hover{box-shadow:0 20px 40px -30px #000000b3}.see-it-working-card h3{margin:0;font-size:1.1rem}.see-it-working-card p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.5}.see-it-working-try{flex-direction:column;gap:5px;margin:4px 0 0;padding:0;list-style:none;display:flex}.see-it-working-try li{color:var(--foreground);gap:7px;font-size:13px;display:flex}.see-it-working-try li:before{content:"";background:var(--blue);border-radius:50%;flex:none;width:5px;height:5px;margin-top:7px}.see-it-working-link{color:var(--blue-deep);align-items:center;gap:5px;margin-top:auto;padding-top:6px;font-size:13.5px;font-weight:600;display:inline-flex}.see-it-working-hub{margin-top:22px}@media (max-width:900px){.see-it-working-grid{grid-template-columns:1fr}}.quick-links{border-bottom:1px solid var(--line);background:var(--surface)}.quick-links-row{flex-wrap:wrap;gap:4px 22px;padding:14px 0;display:flex}.quick-links-row a{color:var(--ink-soft);font-size:12.5px;font-weight:600;text-decoration:none;transition:color .16s}:is(.quick-links-row a:hover,.quick-links-row a:focus-visible){color:var(--blue-deep)}@media (max-width:640px){.quick-links-row{gap:8px 16px;padding:11px 0}}