@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter","Inter Fallback"}
@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c3cb240f9c892514-s.d8e4bce2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.a62025f2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c3cb240f9c892514-s.d8e4bce2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.a62025f2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/c3cb240f9c892514-s.d8e4bce2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.a62025f2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c3cb240f9c892514-s.d8e4bce2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.a62025f2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_4330a205-module__39Wwka__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_4330a205-module__39Wwka__variable{--font-dm-sans:"DM Sans","DM Sans Fallback"}
*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#fff;--bg-secondary:#fafbfc;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--accent-orange:#ff7a3d;--accent-orange-light:#ffb088;--accent-orange-dark:#e55100;--accent-orange-hover:#ff6824;--accent-orange-subtle:#ff7a3d1f;--accent-orange-glow:#ff7a3d73;--accent-ring:#ff7a3d59;--border-color:#f0f0f0;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 2px 4px #0000000f;--shadow-lg:0 4px 8px #00000014;--shadow-xl:0 8px 16px #0000001a}html{scroll-behavior:smooth}body{font-family:var(--font-dm-sans),var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:#fff;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.main-content{flex-direction:column;align-items:center;max-width:800px;margin:0 auto;padding:64px 24px;display:flex}.card{background-color:var(--bg-card);width:100%;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);border-radius:16px;margin-bottom:32px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn{white-space:nowrap;letter-spacing:-.02em;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:16px 40px;font-size:16px;font-weight:700;line-height:1.2;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-orange);color:#fff;box-shadow:0 3px 10px #0003}.btn-primary:hover{background-color:var(--accent-orange-hover);box-shadow:0 4px 12px #00000040}.btn-secondary{color:var(--text-primary);background-color:#f5f5f5;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{background-color:#e0e0e0;box-shadow:0 4px 6px #0000001a}.btn-destructive{color:#fff;background-color:#ef4444;box-shadow:0 3px 10px #0003}.btn-destructive:hover{background-color:#dc2626;box-shadow:0 4px 12px #00000040}.btn-full{width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.card-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:16px;font-size:20px;font-weight:600}.card-text{color:var(--text-secondary);font-size:14px}.quby-demo-root{background-color:#f7f4f1;background-image:radial-gradient(100% 80% at 50% -30%,#ff7a3d38,#0000 55%),radial-gradient(70% 50% at 100% 20%,#ffb0882e,#0000 50%),radial-gradient(55% 45% at 0 100%,#ff7a3d1a,#0000 45%);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.quby-demo-root:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffff59 0%,#0000 35%,#fff5ee66 100%);position:fixed;inset:0}.quby-demo-header{z-index:1;text-align:center;-webkit-backdrop-filter:blur(16px);background:#ffffff8c;border-bottom:1px solid #ff7a3d1a;padding:1.75rem 1.5rem 1.5rem;position:relative}.quby-demo-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-orange-dark);background:linear-gradient(135deg,#ff7a3d24 0%,#ffb08833 100%);border:1px solid #ff7a3d33;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.5rem;padding:.35rem .75rem;font-size:.6875rem;font-weight:700;display:inline-flex}.quby-demo-title{letter-spacing:-.03em;color:var(--text-primary);margin:0 0 .35rem;font-size:clamp(1.5rem,4vw,1.85rem);font-weight:800;line-height:1.15}.quby-demo-subtitle{color:var(--text-secondary);max-width:22rem;margin:0 auto;font-size:.875rem;line-height:1.5}.quby-demo-main{z-index:1;flex:1;justify-content:center;align-items:center;width:100%;padding:1.25rem;display:flex;position:relative;overflow:auto}.quby-demo-grid{grid-template-columns:minmax(0,17.5rem) minmax(0,1fr);gap:1.25rem;width:100%;max-width:58rem;height:100%;max-height:38rem;display:grid}.quby-demo-panel{-webkit-backdrop-filter:blur(20px);background:#ffffffc7;border:1px solid #ff7a3d1f;border-radius:1.25rem;flex-direction:column;gap:.75rem;padding:1.35rem;display:flex;overflow-y:auto;box-shadow:0 1px 2px #1814120a,0 12px 40px -12px #ff7a3d26,0 24px 64px -24px #00000014}.quby-demo-panel--detail{justify-content:center;align-items:center;min-height:18rem;padding:2.25rem 1.75rem}.quby-demo-panel-title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-orange-dark);margin:0 0 .35rem;font-size:.6875rem;font-weight:700}.quby-model-card{cursor:pointer;background:#ffffffa6;border:1px solid #1814120f;border-radius:.875rem;align-items:flex-start;gap:.75rem;padding:.85rem .85rem .85rem .95rem;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s;display:flex;position:relative}.quby-model-card:before{content:"";background:linear-gradient(180deg,var(--accent-orange-light),var(--accent-orange));opacity:0;border-radius:0 4px 4px 0;width:3px;transition:opacity .2s;position:absolute;top:.65rem;bottom:.65rem;left:0}.quby-model-card:hover:not(.quby-model-card--disabled){box-shadow:0 8px 24px -8px var(--accent-ring);background:#fffffff2;border-color:#ff7a3d47;transform:translateY(-1px)}.quby-model-card--selected{box-shadow:0 0 0 1px #ff7a3d1f,0 12px 32px -12px var(--accent-orange-glow);background:linear-gradient(135deg,#fffffff2 0%,#fff5eed9 100%);border-color:#ff7a3d73}.quby-model-card--selected:before{opacity:1}.quby-model-card--disabled{cursor:not-allowed;opacity:.48}.quby-model-card__icon{background:#ff7a3d14;border:1px solid #ff7a3d1f;border-radius:.75rem;justify-content:center;align-items:center;width:2.5rem;min-width:2.5rem;height:2.5rem;display:flex}.quby-model-card--selected .quby-model-card__icon{background:linear-gradient(145deg,#ff7a3d2e 0%,#ffb08847 100%);border-color:#ff7a3d40}.quby-model-card__icon img{object-fit:contain;width:1.25rem;height:1.25rem}.quby-model-card__title{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 .2rem;font-size:.8125rem;font-weight:700}.quby-model-card__desc{color:var(--text-secondary);margin:0;font-size:.6875rem;line-height:1.45}.quby-demo-placeholder{text-align:center;max-width:16rem}.quby-demo-placeholder__ring{width:5.5rem;height:5.5rem;box-shadow:0 12px 40px -16px var(--accent-orange-glow);background:linear-gradient(135deg,#ff7a3d26 0%,#ffb08840 100%);border:1px solid #ff7a3d38;border-radius:1.5rem;justify-content:center;align-items:center;margin:0 auto 1.35rem;display:flex}.quby-demo-placeholder__ring-inner{background:#ffffffd9;border:1px solid #ff7a3d26;border-radius:1rem;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;font-size:1.5rem;display:flex}.quby-demo-placeholder__title{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 .35rem;font-size:1rem;font-weight:700}.quby-demo-placeholder__text{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.quby-agent{flex-direction:column;align-items:center;gap:1.35rem;width:100%;display:flex}.quby-agent__avatar{background:linear-gradient(#fff 0%,#fff5ee80 100%);border:2px solid #ff7a3d26;border-radius:50%;justify-content:center;align-items:center;width:9rem;height:9rem;transition:border-color .35s,box-shadow .35s;display:flex;position:relative;box-shadow:0 4px 24px -8px #ff7a3d40,inset 0 1px #ffffffe6}.quby-agent[data-status=connected] .quby-agent__avatar,.quby-agent[data-status=connecting] .quby-agent__avatar{border-width:3px;border-color:var(--accent-orange);box-shadow:0 0 0 4px var(--accent-orange-subtle),0 12px 40px -12px var(--accent-orange-glow)}.quby-agent__avatar img{object-fit:contain;width:100%;height:100%;padding:1.35rem}.quby-agent__head{text-align:center}.quby-agent__title{letter-spacing:-.03em;color:var(--text-primary);margin:0 0 .35rem;font-size:1.375rem;font-weight:800;line-height:1.2}.quby-agent__desc{color:var(--text-secondary);max-width:20rem;margin:0;font-size:.8125rem;line-height:1.5}.quby-agent__badge{border:1px solid #0000;border-radius:9999px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.6875rem;font-weight:600;display:inline-flex}.quby-agent[data-status=idle] .quby-agent__badge{color:var(--text-secondary);background:#fffc;border-color:#18141214}.quby-agent[data-status=connecting] .quby-agent__badge{color:var(--accent-orange-dark);background:#fff5eee6;border-color:#ff7a3d33}.quby-agent[data-status=connected] .quby-agent__badge{color:var(--accent-orange-dark);background:linear-gradient(135deg,#fff5eef2 0%,#ffe6d6e6 100%);border-color:#ff7a3d47}.quby-agent[data-status=error] .quby-agent__badge{color:#991b1b;background:#fee2e2;border-color:#fecaca}.quby-agent__dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.quby-agent[data-status=idle] .quby-agent__dot{background:#22c55e}.quby-agent[data-status=connecting] .quby-agent__dot{background:var(--accent-orange);animation:1.5s ease-in-out infinite quby-pulse}.quby-agent[data-status=connected] .quby-agent__dot{background:var(--accent-orange);animation:2s ease-in-out infinite quby-pulse}.quby-agent[data-status=error] .quby-agent__dot{background:#dc2626}.quby-agent__err{color:#991b1b;text-align:left;white-space:pre-wrap;word-break:break-word;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fecaca;border-radius:.75rem;width:100%;max-height:12rem;padding:.65rem .85rem;font-size:.6875rem;font-weight:600;line-height:1.45;overflow-y:auto}.quby-agent__btn{letter-spacing:-.01em;cursor:pointer;color:#fff;border:none;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:17rem;padding:.8rem 1.35rem;font-size:.8125rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s,opacity .2s;display:flex}.quby-agent__btn--start{background:linear-gradient(135deg,var(--accent-orange)0%,var(--accent-orange-dark)100%);box-shadow:0 4px 20px -4px var(--accent-orange-glow)}.quby-agent__btn--start:hover:not(:disabled){box-shadow:0 8px 28px -6px var(--accent-orange-glow);background:linear-gradient(135deg,var(--accent-orange-hover)0%,var(--accent-orange-dark)100%);transform:translateY(-2px)}.quby-agent__btn--end{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 20px -4px #dc262659}.quby-agent__btn--end:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px -6px #dc262666}.quby-agent__btn:disabled{opacity:.65;cursor:not-allowed;transform:none}@keyframes quby-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.92)}}@media (max-width:768px){.quby-demo-grid{grid-template-columns:1fr;gap:.75rem;height:auto;max-height:none}.quby-demo-panel:not(.quby-demo-panel--detail){order:1;max-height:13rem}.quby-demo-panel--detail{order:2;min-height:16rem;padding:1.75rem 1.25rem}.quby-agent__avatar{width:7.5rem;height:7.5rem}.quby-agent__title{font-size:1.125rem}.quby-agent__desc{font-size:.75rem}}@media (max-width:480px){.quby-demo-header{padding:1.25rem 1rem 1.1rem}.quby-demo-panel:not(.quby-demo-panel--detail){max-height:10rem;padding:1rem}.quby-model-card{padding:.65rem .7rem .65rem .8rem}.quby-agent__avatar{width:6.5rem;height:6.5rem}}