.predict-landing-demo{--radius:.625rem;--background:#0b0c16;--foreground:#ede6e1;--card:#151724;--card-foreground:#ede6e1;--primary:#e89960;--primary-foreground:#10111a;--muted:#1d2130;--muted-foreground:#8c8e9c;--border:#34395066;--input:#34395080;--ring:#e89960;--input-fill:#ffffff0a;--brand-ink:var(--primary);--red-400:#f87171;--amber-400:#fbbf24;--amber-500:#f59e0b;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--blue-400:#60a5fa;--red-600:#dc2626}@supports (color:lab(0% 0 0)){.predict-landing-demo{--background:lab(3.58593% 1.15303 -5.23515);--foreground:lab(91.8617% 1.68565 3.32862);--card:lab(8.1467% 1.68894 -9.09636);--card-foreground:lab(91.8617% 1.68565 3.32862);--primary:lab(70.451% 26.7202 42.1269);--primary-foreground:lab(5.12753% 1.40003 -6.45875);--muted:lab(12.7435% 2.03524 -10.9132);--muted-foreground:lab(59.2416% 1.41186 -7.38899);--border:lab(24.2624% 2.64551 -14.5709/.4);--input:lab(24.2624% 2.64551 -14.5709/.5);--ring:lab(70.451% 26.7202 42.1269)}}.predict-landing-demo *{box-sizing:border-box}.predict-landing-demo html,body{margin:0;padding:0}.predict-landing-demo body{font-family:var(--font-body), ui-sans-serif, system-ui, -apple-system, sans-serif;background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100svh}.predict-landing-demo .page{flex-direction:column;min-height:100svh;display:flex}.predict-landing-demo .stripe{background:linear-gradient(90deg,#fb923c 0%,#a855f7 35%,#6366f1 65%,#94a3b8 100%);flex-shrink:0;height:3px}.predict-landing-demo .hero{text-align:center;flex-shrink:0;padding:3rem 1rem 1.5rem}@media (min-width:640px){.hero{padding-top:4rem}}.predict-landing-demo .eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--primary);opacity:0;margin:0;font-size:.75rem;font-weight:600;animation:.6s .15s forwards fadeUp}.predict-landing-demo .hero h1{color:var(--foreground);opacity:0;margin:.75rem 0 0;font-size:1.875rem;font-weight:700;line-height:1.15;animation:.6s .3s forwards fadeUp}@media (min-width:640px){.hero h1{font-size:2.25rem}}.predict-landing-demo .hero-desc{max-width:32rem;color:var(--muted-foreground);opacity:0;margin:1rem auto 0;font-size:.875rem;line-height:1.5;animation:.6s .5s forwards fadeUp}@media (min-width:640px){.hero-desc{font-size:1rem}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.predict-landing-demo{width:100%;max-width:56rem}.predict-landing-demo .demo-wrap{justify-content:center;align-items:flex-start;width:100%;padding:0 0 .5rem;display:flex}.predict-landing-demo .window{opacity:0;background:linear-gradient(135deg,#fb923c 0%,#a855f7 35%,#6366f1 65%,#94a3b8 100%);border-radius:1rem;flex-shrink:0;width:100%;padding:1px;animation:.6s .35s forwards fadeUp;position:relative;box-shadow:0 18px 48px #00000073,0 0 40px #a855f72e}.predict-landing-demo .window-inner{background:var(--background);border-radius:calc(1rem - 1px);flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.predict-landing-demo .window-chrome{background:var(--card);border:0;flex-shrink:0;overflow:hidden}.predict-landing-demo .titlebar{background:color-mix(in oklab, var(--muted) 50%, transparent);border-bottom:1px solid color-mix(in oklab, var(--border) 40%, transparent);align-items:center;height:2.25rem;padding:0 .75rem;display:flex}.predict-landing-demo .tl-dots{align-items:center;gap:.375rem;display:flex}.predict-landing-demo .tl-dots i{border-radius:999px;width:.75rem;height:.75rem;display:block}.predict-landing-demo .tl-dots i:first-child{background:color-mix(in oklab, var(--red-400) 70%, transparent)}.predict-landing-demo .tl-dots i:nth-child(2){background:color-mix(in oklab, var(--amber-400) 70%, transparent)}.predict-landing-demo .tl-dots i:nth-child(3){background:color-mix(in oklab, var(--emerald-400) 70%, transparent)}.predict-landing-demo .tl-title{text-align:center;color:color-mix(in oklab, var(--muted-foreground) 60%, transparent);flex:1;font-size:.6875rem;font-weight:500}.predict-landing-demo .tl-spacer{width:3rem}.predict-landing-demo .mini-stripe{background:linear-gradient(90deg,#fb923c 0%,#a855f7 35%,#6366f1 65%,#94a3b8 100%);height:2px}.predict-landing-demo .window-body{background:var(--background);border:0;flex-direction:column;height:clamp(20rem,58dvh,28rem);min-height:0;display:flex;overflow:hidden}@media (min-width:640px){.predict-landing-demo .window{border-radius:1.125rem}.predict-landing-demo .window-inner{border-radius:calc(1.125rem - 1px)}.predict-landing-demo .window-body{height:clamp(26rem,62dvh,36rem)}}@media (min-width:1024px){.predict-landing-demo .window-body{height:clamp(30rem,64dvh,40rem)}}.predict-landing-demo .scroll{flex-direction:column;flex:auto;display:flex;position:relative;overflow-y:auto}.predict-landing-demo #content{flex-direction:column;flex:auto;display:flex}.predict-landing-demo .dock{flex-shrink:0}.predict-landing-demo .dock.filled{border-top:1px solid color-mix(in oklab, var(--border) 40%, transparent);padding:.75rem}@media (min-width:640px){.predict-landing-demo .dock.filled{padding:1rem}}.predict-landing-demo .scroll::-webkit-scrollbar{width:8px}.predict-landing-demo .scroll::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--foreground) 12%, transparent);border-radius:999px}.predict-landing-demo .sparkles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}@media (max-width:639px){.sparkles{display:none}}.predict-landing-demo .spark{opacity:0;border-radius:999px;position:absolute}@keyframes sparkAmbient{0%{opacity:0;transform:scale(0)}15%{opacity:var(--op);transform:scale(1.2)}70%{opacity:var(--op);transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes sparkType{0%{opacity:0;transform:scale(0)}20%{opacity:var(--op);transform:scale(1.2)}60%{opacity:var(--op);transform:scale(1)}to{opacity:0;transform:scale(0)}}.predict-landing-demo .newchat{z-index:10;flex-direction:column;flex:auto;justify-content:center;min-height:0;padding:1rem;display:flex;position:relative}@media (min-width:640px){.predict-landing-demo .newchat{padding:1.5rem}}.predict-landing-demo .greeting{text-align:center;max-width:40rem;margin:0 auto .5rem;transition:opacity .15s}.predict-landing-demo .greeting h1{color:var(--foreground);margin:0 0 .25rem;font-size:1.25rem;font-weight:600;line-height:1.25}@media (min-width:640px){.predict-landing-demo .greeting h1{font-size:1.625rem}}@media (min-width:1024px){.predict-landing-demo .greeting h1{font-size:1.875rem}}.predict-landing-demo .greeting h1 .accent{color:var(--primary)}.predict-landing-demo .greeting p{color:var(--muted-foreground);margin:0 0 1rem;font-size:.8125rem;line-height:1.45}@media (min-width:640px){.predict-landing-demo .greeting p{font-size:.875rem}}.predict-landing-demo .composer{width:100%;max-width:none;margin:0 auto;transition:opacity .15s;position:relative}.predict-landing-demo .composer-box{border-radius:var(--radius);border:1px solid color-mix(in oklab, var(--border) 60%, transparent);background:var(--input-fill);box-shadow:0 1px 2px #0000000d}.predict-landing-demo .composer-box.focus{border-color:color-mix(in oklab, var(--primary) 50%, transparent);box-shadow:0 0 0 1px color-mix(in oklab, var(--primary) 20%, transparent)}.predict-landing-demo .composer-top{align-items:center;gap:.5rem;padding:.625rem .75rem .5rem;display:flex}.predict-landing-demo .composer-text{min-height:1.375rem;color:var(--foreground);flex:1;font-size:.875rem;line-height:1.375rem}.predict-landing-demo .composer-text .placeholder{color:var(--muted-foreground)}.predict-landing-demo .composer-text .typed{white-space:pre-wrap}.predict-landing-demo .caret{vertical-align:text-bottom;background:var(--foreground);width:2px;height:1rem;margin-left:1px;animation:.53s ease-in-out infinite blink;display:inline-block}.predict-landing-demo .caret.dim{background:color-mix(in oklab, var(--muted-foreground) 50%, transparent)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.predict-landing-demo .send-round{background:var(--primary);color:#fff;opacity:.4;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;transition:opacity .2s,transform .12s,filter .12s;display:flex}.predict-landing-demo .send-round.ready{opacity:1}.predict-landing-demo .send-round.pressed{filter:brightness(.92);transform:scale(.94)}.predict-landing-demo .send-round svg{width:1rem;height:1rem}.predict-landing-demo .composer-toolbar{border-top:1px solid color-mix(in oklab, var(--border) 40%, transparent);justify-content:space-between;align-items:center;padding:.375rem .625rem;display:flex}.predict-landing-demo .tool-left{align-items:center;gap:.25rem;display:flex}.predict-landing-demo .tool-right{align-items:center;gap:.125rem;display:flex}.predict-landing-demo .tool-btn{border-radius:calc(var(--radius) - 2px);color:var(--muted-foreground);align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.predict-landing-demo .tool-btn svg.chev{opacity:.7}.predict-landing-demo .tool-icon{border-radius:calc(var(--radius) - 2px);width:1.75rem;height:1.75rem;color:var(--muted-foreground);justify-content:center;align-items:center;display:flex}.predict-landing-demo .tool-icon svg,.tool-btn svg{width:.75rem;height:.75rem}.predict-landing-demo .tool-icon svg{width:.875rem;height:.875rem}.predict-landing-demo .pills{flex-wrap:wrap;justify-content:center;gap:.375rem;max-width:40rem;margin:1rem auto 0;transition:opacity .15s;display:flex}@media (min-width:640px){.predict-landing-demo .pills{gap:.5rem;margin-top:1.25rem}}.predict-landing-demo .pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:color-mix(in oklab, var(--foreground) 70%, transparent);opacity:0;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:999px;max-width:100%;padding:.375rem .625rem;font-size:.6875rem;font-weight:500;animation:.25s forwards fadeUp;transform:translateY(8px);box-shadow:0 1px 2px #0000000d}@media (min-width:640px){.predict-landing-demo .pill{padding:.375rem .75rem;font-size:.75rem}}.predict-landing-demo .chat{flex-direction:column;gap:1.25rem;padding:1rem;display:flex}@media (min-width:640px){.predict-landing-demo .chat{gap:1.5rem;padding:1.5rem}}.predict-landing-demo .user-msg{border-left:3px solid color-mix(in oklab, var(--primary) 50%, transparent);max-width:85%;padding:.125rem 0 .125rem .75rem}.predict-landing-demo .user-msg p{color:color-mix(in oklab, var(--foreground) 80%, transparent);white-space:pre-wrap;margin:0;font-size:.875rem;line-height:1.6}.predict-landing-demo .user-msg mark{background:color-mix(in oklab, var(--primary) 10%, transparent);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px;padding:.125rem .25rem}.predict-landing-demo .reveal{opacity:0;animation:.35s forwards revealIn;transform:translateY(8px)}.predict-landing-demo .reveal-fade{opacity:0;animation:.3s forwards fadeOnly}@keyframes revealIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeOnly{to{opacity:1}}.predict-landing-demo .trace{position:relative}.predict-landing-demo .trace-line{background:color-mix(in oklab, var(--border) 90%, transparent);width:1px;position:absolute;top:7px;bottom:7px;left:3px}.predict-landing-demo .trace-steps{flex-direction:column;display:flex}.predict-landing-demo .tstep{opacity:0;animation:.15s forwards stepIn;position:relative;transform:translateY(4px)}@keyframes stepIn{to{opacity:1;transform:translateY(0)}}.predict-landing-demo .tstep .row{align-items:flex-start;gap:.625rem;padding-bottom:.9rem;display:flex}.predict-landing-demo .tstep.last .row{padding-bottom:0}.predict-landing-demo .tdot{z-index:10;border-radius:999px;flex-shrink:0;width:7px;height:7px;margin-top:5px;position:relative}.predict-landing-demo .tdot.status{background:var(--emerald-500)}.predict-landing-demo .tdot.status.done{background:color-mix(in oklab, var(--emerald-500) 70%, transparent)}.predict-landing-demo .tdot.status.active{animation:1.4s ease-in-out infinite pulse}.predict-landing-demo .tdot.narr{background:color-mix(in oklab, var(--blue-400) 70%, transparent)}@keyframes pulse{50%{opacity:.4}}.predict-landing-demo .ttext{font-size:.75rem;line-height:1.35}.predict-landing-demo .ttext.active{color:color-mix(in oklab, var(--foreground) 60%, transparent)}.predict-landing-demo .ttext.done{color:color-mix(in oklab, var(--muted-foreground) 50%, transparent)}.predict-landing-demo .ttext.narr{color:color-mix(in oklab, var(--foreground) 70%, transparent);font-style:italic}.predict-landing-demo .response{color:color-mix(in oklab, var(--foreground) 90%, transparent);font-size:15px;line-height:1.6}.predict-landing-demo .response p{margin:0}.predict-landing-demo .response strong{color:var(--foreground);font-weight:600}.predict-landing-demo .blocks{flex-direction:column;gap:1.75rem;display:flex}.predict-landing-demo .gen-figure{margin:0}.predict-landing-demo .gen-figcaption{margin-bottom:12px}.predict-landing-demo .gen-fig-line{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.03em;justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.predict-landing-demo .gen-fig-caption-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.predict-landing-demo .gen-fig-num{color:var(--brand-ink)}.predict-landing-demo .gen-fig-text{color:var(--muted-foreground)}.predict-landing-demo .gen-bars{grid-template-columns:minmax(0,max-content) minmax(0,1fr) max-content;align-items:center;gap:8px;width:100%;min-width:0;padding-inline:0;display:grid}@media (min-width:640px){.predict-landing-demo .gen-bars{gap:9px 14px;padding-inline:14px}}.predict-landing-demo .gen-bar-label{text-align:right;color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;max-width:6.5rem;font-size:11px;overflow:hidden}@media (min-width:640px){.predict-landing-demo .gen-bar-label{max-width:none;font-size:13px}}.predict-landing-demo .gen-bar-region{color:var(--muted-foreground);letter-spacing:.04em;margin-left:6px;font-size:11px}.predict-landing-demo .gen-bar-track{background:color-mix(in oklab, var(--muted) 65%, transparent);border-radius:5px;width:100%;height:22px;position:relative}.predict-landing-demo .gen-bar-fill{border-radius:5px;width:0;min-width:5px;height:100%;transition:width .9s cubic-bezier(.22,.61,.36,1)}.predict-landing-demo .gen-bar-value{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;color:var(--foreground);text-align:right;font-variant-numeric:tabular-nums;min-width:3ch;font-size:13px}.predict-landing-demo .gen-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}@media (min-width:640px){.predict-landing-demo .gen-table{font-size:14px}}.predict-landing-demo .gen-table td{overflow-wrap:anywhere}.predict-landing-demo .gen-table td.gen-mono{white-space:nowrap;overflow-wrap:normal}.predict-landing-demo .gen-table th{color:var(--muted-foreground);border-bottom:1px solid var(--border);padding:8px;font-size:13px;font-weight:500}.predict-landing-demo .gen-table td{border-bottom:1px solid color-mix(in oklab, var(--border) 60%, transparent);padding:11px 8px}.predict-landing-demo .gen-table th:first-child,.gen-table td:first-child{padding-left:14px}.predict-landing-demo .gen-table th:last-child,.gen-table td:last-child{padding-right:14px}.predict-landing-demo .gen-table tr:last-child td{border-bottom:none}.predict-landing-demo .gen-td-left{text-align:left}.predict-landing-demo .gen-td-right{text-align:right}.predict-landing-demo .gen-td-center{text-align:center}.predict-landing-demo .gen-mono{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums}.predict-landing-demo .gen-td-strong{color:var(--foreground);font-weight:600}.predict-landing-demo .gen-td-muted{color:var(--muted-foreground)}.predict-landing-demo .gen-pullquote{border-left:3px solid var(--callout-tone,var(--brand-ink));flex-direction:column;gap:12px;padding-left:22px;display:flex}.predict-landing-demo .gen-eyebrow{font-family:var(--font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;text-transform:uppercase;letter-spacing:.16em;color:var(--brand-ink);font-size:11px;font-weight:500}.predict-landing-demo .gen-pullquote .gen-eyebrow{letter-spacing:.12em;color:var(--callout-tone,var(--brand-ink));font-size:12px}.predict-landing-demo .gen-pullquote-text{color:var(--foreground);font-size:14px;font-weight:400;line-height:1.6}.predict-landing-demo .gen-pullquote-text strong{font-weight:600}.predict-landing-demo .replay-wrap{opacity:0;justify-content:center;padding-top:.5rem;animation:.4s .8s forwards fadeOnly;display:flex}.predict-landing-demo .replay{border:1px solid color-mix(in oklab, var(--border) 60%, transparent);color:var(--muted-foreground);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1rem;font-size:.75rem;transition:color .15s,border-color .15s}.predict-landing-demo .replay:hover{color:var(--foreground);border-color:var(--border)}.predict-info-demo-shell .predict-landing-demo{max-width:none}.predict-info-demo-shell .window{box-shadow:none;background:0 0;border-radius:1rem;padding:0}.predict-info-demo-shell .window-inner{border:1px solid #ffffff1f;border-radius:1rem;box-shadow:inset 0 1px #ffffff0f}@media (min-width:640px){.predict-info-demo-shell .window,.predict-info-demo-shell .window-inner{border-radius:1.125rem}}.predict-landing-demo .features{border-top:1px solid color-mix(in oklab, var(--border) 30%, transparent);flex-shrink:0;padding:2.5rem 0}.predict-landing-demo .features-inner{max-width:54rem;margin:0 auto;padding:0 1rem}.predict-landing-demo .features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (min-width:640px){.features-grid{grid-template-columns:repeat(4,1fr)}}.predict-landing-demo .feature{opacity:0;animation:.5s forwards fadeUp}.predict-landing-demo .feature h3{color:var(--foreground);margin:0 0 .375rem;font-size:.75rem;font-weight:600}.predict-landing-demo .feature p{color:var(--muted-foreground);margin:0;font-size:.6875rem;line-height:1.5}.predict-landing-demo .hidden{display:none!important}.predict-landing-demo .fade-out{opacity:0!important}