.klyro-demo{--kd-bg: 210 20% 99%;--kd-fg: 224 71% 4%;--kd-card: 0 0% 100%;--kd-muted: 210 20% 96%;--kd-muted-fg: 215 16% 47%;--kd-border: 214 32% 91%;--kd-primary: 280 100% 50%;--kd-primary-fg: 0 0% 100%;--kd-accent: 191 80% 94%;--kd-sidebar: 210 20% 97%;--kd-chat: 0 0% 100%;--kd-success: 142 71% 45%;--kd-warning: 38 92% 50%;--kd-sky: 199 89% 48%;--kd-radius: .375rem;--kd-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--kd-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;color:hsl(var(--kd-fg));font-family:var(--kd-font);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;box-sizing:border-box}.klyro-demo *,.klyro-demo *:before,.klyro-demo *:after{box-sizing:border-box}.klyro-demo-browser{overflow:hidden;border-radius:1rem;border:1px solid hsl(var(--kd-border));background:hsl(var(--kd-card));box-shadow:0 0 0 1px #0000000a,0 24px 48px -20px #58008c59}.klyro-demo-browser__chrome{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid hsl(var(--kd-border));background:hsl(var(--kd-sidebar));padding:.55rem .85rem}.klyro-demo-browser__dots{display:flex;gap:.35rem}.klyro-demo-browser__dot{width:.55rem;height:.55rem;border-radius:999px}.klyro-demo-browser__url{flex:1;min-width:0;border-radius:.4rem;border:1px solid hsl(var(--kd-border));background:hsl(var(--kd-card));padding:.25rem .65rem;font-size:11px;color:hsl(var(--kd-muted-fg));font-family:var(--kd-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.klyro-demo-phone{position:relative;width:100%;max-width:280px;aspect-ratio:9 / 18.5;overflow:hidden;border-radius:2.25rem;border:8px solid #111827;background:#111827;box-shadow:0 0 0 1px #ffffff14,0 28px 56px -24px #0000008c}.klyro-demo-phone__notch{position:absolute;top:0;left:50%;z-index:2;width:7rem;height:1.15rem;transform:translate(-50%);border-radius:0 0 1rem 1rem;background:#111827}.klyro-demo-phone__screen{height:100%;overflow:hidden;border-radius:1.65rem;background:hsl(var(--kd-bg))}.klyro-demo-hero{position:relative}.klyro-demo-hero__phone{position:absolute;right:-1.5%;bottom:-8%;width:min(32%,260px);z-index:2;animation:klyro-demo-float 5.5s ease-in-out infinite}@media(max-width:768px){.klyro-demo-hero__phone{display:none}}.klyro-demo-pair{display:grid;gap:1.25rem;align-items:end;grid-template-columns:1fr}@media(min-width:900px){.klyro-demo-pair{grid-template-columns:1.6fr .7fr}}@keyframes klyro-demo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes klyro-demo-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes klyro-demo-typing{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.klyro-demo-msg-enter{animation:klyro-demo-fade-up .35s ease-out both}.klyro-demo-typing-dot{width:.35rem;height:.35rem;border-radius:999px;background:hsl(var(--kd-muted-fg));animation:klyro-demo-typing 1.2s infinite}.klyro-demo-typing-dot:nth-child(2){animation-delay:.15s}.klyro-demo-typing-dot:nth-child(3){animation-delay:.3s}@media(prefers-reduced-motion:reduce){.klyro-demo-hero__phone,.klyro-demo-msg-enter,.klyro-demo-typing-dot{animation:none!important}}