.preview-sidebar.svelte-2nydfs{border-right:1px solid var(--line);background:var(--canvas);flex-direction:column;gap:.75rem;padding:1rem .625rem .75rem;display:flex}.preview-brand.svelte-2nydfs,.preview-mode-label.svelte-2nydfs,.preview-sidebar-footer.svelte-2nydfs,.preview-side-thread.svelte-2nydfs{align-items:center;gap:.5rem;display:flex}.preview-brand.svelte-2nydfs{font-size:var(--type-base);gap:.625rem;padding:0 .375rem .5rem;font-weight:600}.preview-brand.svelte-2nydfs img:where(.svelte-2nydfs){border-radius:.375rem;flex-shrink:0}.preview-mode-label.svelte-2nydfs{color:var(--accent);padding:.375rem .5rem}.preview-label.svelte-2nydfs{color:var(--muted);font-size:var(--type-xs);padding:0 .5rem}.preview-nav-rows.svelte-2nydfs{gap:.375rem;display:grid}.preview-nav-row.svelte-2nydfs{border-radius:.625rem;align-items:center;gap:.625rem;padding:.625rem .5rem;display:flex}.preview-nav-selected.svelte-2nydfs{background:var(--tint)}.preview-nav-row.svelte-2nydfs strong:where(.svelte-2nydfs),.preview-nav-row.svelte-2nydfs p:where(.svelte-2nydfs){white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.preview-nav-row.svelte-2nydfs p:where(.svelte-2nydfs),.preview-side-thread.svelte-2nydfs,.preview-sidebar-footer.svelte-2nydfs{color:var(--muted);font-size:var(--type-xs)}.preview-side-thread.svelte-2nydfs{padding:.25rem .5rem .25rem 1rem}.preview-sidebar-footer.svelte-2nydfs{margin-top:auto;padding:.5rem}.preview-dot.svelte-2nydfs{background:var(--accent);border-radius:50%;width:.375rem;height:.375rem;margin-left:auto}@container (width<40rem){.preview-sidebar.svelte-2nydfs{display:none}}.preview-details.svelte-ttpt82{border-left:1px solid var(--line);background:color-mix(in srgb, var(--canvas) 45%, var(--surface));min-width:0;overflow-y:auto}.preview-detail-title.svelte-ttpt82{border-bottom:1px solid var(--line);align-items:center;min-height:4rem;padding:.75rem 1rem;display:flex}.preview-bot-profile.svelte-ttpt82{flex-direction:column;align-items:center;gap:.375rem;padding:1rem;display:flex}.preview-bot-profile.svelte-ttpt82 p:where(.svelte-ttpt82),.preview-detail-section.svelte-ttpt82>p:where(.svelte-ttpt82),.preview-detail-note.svelte-ttpt82{color:var(--muted);font-size:var(--type-xs)}.preview-detail-section.svelte-ttpt82{border-top:1px solid var(--line);gap:.5rem;padding:.75rem 1rem;display:grid}.preview-detail-section.svelte-ttpt82 h3:where(.svelte-ttpt82){font-size:var(--type-xs);font-weight:550}.preview-connected.svelte-ttpt82{color:var(--accent);margin-left:auto}.preview-detail-note.svelte-ttpt82{border-top:1px solid var(--line);align-items:flex-start;gap:.5rem;padding:1rem;display:flex}.preview-detail-row.svelte-ttpt82{align-items:center;gap:.5rem;display:flex}.preview-truncate.svelte-ttpt82{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@container (width<64rem){.preview-details.svelte-ttpt82{display:none}}.workspace-preview{color:var(--ink);margin:0;container-type:inline-size}.workspace-preview *{box-sizing:border-box}.workspace-preview :is(p,h2,h3,ul,ol,pre){margin:0}.workspace-preview strong{font-weight:550}.workspace-preview svg{flex-shrink:0;width:1rem;height:1rem}.preview-toolbar{justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.preview-tabs{isolation:isolate;border:1px solid var(--line);background:var(--tint);border-radius:.875rem;grid-auto-columns:1fr;grid-auto-flow:column;gap:.25rem;padding:.25rem;display:inline-grid;position:relative}.preview-tabs button{min-width:7rem;min-height:3rem;color:var(--muted);font:inherit;font-size:var(--type-sm);cursor:pointer;background:0 0;border:0;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:550;display:flex;position:relative}.preview-tabs button:is([aria-selected=true],:hover){color:var(--ink)}.preview-tab-pill{z-index:-1;border:1px solid var(--line);background:var(--surface);width:calc(50% - .375rem);transition:transform var(--duration-fast) var(--ease-smooth-out);border-radius:.625rem;position:absolute;inset:.25rem auto .25rem .25rem}.preview-tabs:has([data-preview-tab=threads][aria-selected=true]) .preview-tab-pill{transform:translate(calc(100% + .25rem))}.preview-toolbar-note,.workspace-preview figcaption{color:var(--muted);font-size:var(--type-sm);line-height:1.5}.preview-frame{border:1px solid var(--line);background:var(--surface);border-radius:1rem;overflow:hidden}.preview-app{height:28.125rem;font-size:var(--type-sm);grid-template-columns:13.125rem minmax(0,1fr) 13.75rem;line-height:1.5;display:grid}.preview-app[hidden]{display:none}.preview-app :is(button,span,div,p){min-width:0}.preview-context,.preview-agent-name,.preview-diff-title{align-items:center;gap:.5rem;display:flex}.preview-main{flex-direction:column;min-width:0;min-height:0;display:flex}.preview-main-header{border-bottom:1px solid var(--line);align-items:center;gap:.625rem;min-height:4rem;padding:.75rem 1.25rem;display:flex}.preview-main-header h2{font-size:var(--type-sm);font-weight:550}.preview-main-header p,.preview-header-meta{font-size:var(--type-xs);color:var(--muted)}.preview-header-meta{flex-shrink:0;align-items:center;gap:.375rem;margin-left:auto;display:flex}.preview-transcript{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:.875rem 1.25rem;display:flex;overflow-y:auto}.preview-timestamp{text-align:center;color:var(--muted);font-size:var(--type-xs);font-variant-numeric:tabular-nums}.preview-message{gap:.75rem;display:grid}.preview-brief{gap:.625rem;padding:0;list-style:none;display:grid}.preview-brief li{align-items:flex-start;gap:.625rem;display:flex}.preview-brief li svg{color:var(--accent);margin-top:.125rem}.preview-brief li p{color:var(--muted)}.preview-brief strong{color:var(--ink)}.preview-user-message{background:var(--tint);border-radius:.75rem .75rem .25rem;align-self:flex-end;padding:.5rem .75rem}.preview-handoff{border:1px solid var(--line);border-radius:.625rem;align-items:center;gap:.625rem;padding:.625rem .75rem;display:flex}.preview-handoff p{color:var(--muted);font-size:var(--type-xs)}.preview-handoff>span{margin-left:auto}.preview-context{border-top:1px solid var(--line);min-height:2.75rem;font-size:var(--type-xs);color:var(--muted);padding:.625rem 1.25rem}.preview-success{color:var(--accent)}.preview-muted{color:var(--muted)}.preview-thread-transcript{gap:.625rem}.preview-plan{gap:.375rem;display:grid}.preview-plan h3{font-size:var(--type-sm);align-items:center;gap:.5rem;font-weight:550;display:flex}.preview-plan h3 span{font-size:var(--type-xs);margin-left:auto}.preview-plan ol{font-size:var(--type-xs);flex-wrap:wrap;gap:.25rem .875rem;padding:0;list-style:none;display:flex}.preview-plan li{align-items:center;gap:.5rem;display:flex}.preview-plan li svg{color:var(--accent)}.preview-agents{border:1px solid var(--line);background:var(--canvas);border-radius:.625rem;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.preview-agents>div{padding:.5rem .75rem}.preview-agents>div+div{border-left:1px solid var(--line)}.preview-agent-name{font-size:var(--type-xs)}.preview-agent-name span{margin-left:auto}.preview-agents p{color:var(--muted);font-size:var(--type-xs);padding-left:1.5rem}.preview-diff{border:1px solid var(--line);border-radius:.625rem;overflow:hidden}.preview-diff-title{font-size:var(--type-xs);padding:.5rem .75rem}.preview-diff-title span:first-of-type{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-diff-title span:last-child{flex-shrink:0;margin-left:auto}.preview-diff pre{background:var(--canvas);font-size:var(--type-xs);padding:.375rem 0;line-height:1.75;overflow-x:auto}.preview-diff code{font-family:var(--font-mono)}.preview-diff code span{min-width:max-content;padding:0 .75rem;display:block}.preview-line-removed{color:var(--ink);background:color-mix(in srgb, var(--ink) 4%, transparent);text-decoration:line-through}.preview-line-added{color:var(--accent);background:var(--tint)}.workspace-preview figcaption{font-size:var(--type-xs);text-align:center;padding-top:1rem}.workspace-preview :is(button,[role=tabpanel]):focus-visible{outline:2px solid var(--accent);outline-offset:-3px}@container (width<64rem){.preview-app{grid-template-columns:12rem minmax(0,1fr)}}@container (width<40rem){.preview-toolbar-note{display:none}.preview-toolbar{justify-content:center}.preview-app{height:27.5rem;font-size:var(--type-base);grid-template-columns:minmax(0,1fr)}.preview-main-header{padding:.75rem 1rem}.preview-transcript{padding:.875rem 1rem}.preview-header-meta{display:none}.preview-context{padding:.625rem 1rem}.preview-brief{gap:.75rem}.preview-brief li p{line-height:1.4}.preview-agents>div{padding:.5rem}.preview-agents p{padding-left:0}.preview-agent-name{gap:.25rem}}@media (prefers-reduced-motion:reduce){.preview-tab-pill{transition:none}}.how-it-works{border-top:1px solid var(--line)}.how-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:4rem 0 0;padding:0;list-style:none;display:grid}.how-step{border:1px solid var(--line);border-radius:calc(var(--radius-panel) * 1.5);background:var(--tint);flex-direction:column;min-width:0;padding:1.75rem 1.75rem 0;display:flex;position:relative;overflow:hidden}.how-step-number{background:var(--ink);width:2rem;height:2rem;color:var(--canvas);font:600 var(--type-caption) / 1 var(--font-mono);border-radius:999px;place-items:center;margin:0 0 1rem;display:grid}.how-step h3{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:550}.how-step>p:not(.how-step-number){max-width:34ch;color:var(--muted);font-size:var(--type-standard);margin:.5rem 0 0;line-height:1.6}.how-scene{flex:1;align-items:flex-end;min-height:9rem;margin-top:1.25rem;display:flex}.how-scene>div{border:1px solid var(--line);border-radius:var(--radius-panel) var(--radius-panel) 0 0;background:var(--surface);width:100%;box-shadow:0 -.5rem 2rem -1rem color-mix(in oklab, var(--ink) 18%, transparent);font-size:var(--type-caption);border-bottom:0;padding:1rem}.how-scene p{margin:0}.how-composer>p{min-height:3rem;line-height:1.55}.how-composer-row,.how-review-actions{align-items:center;gap:.5rem;margin-top:.875rem;display:flex}.how-chip{border:1px solid var(--line);min-width:0;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .625rem;display:inline-flex}.how-chip svg{width:.875rem;height:.875rem}.how-chip-primary{background:var(--accent);color:var(--theme-on-accent,var(--canvas));border-color:#0000;font-weight:550}.how-send{background:var(--accent);width:1.75rem;height:1.75rem;color:var(--theme-on-accent,var(--canvas));border-radius:999px;flex-shrink:0;place-items:center;margin-left:auto;display:grid}.how-send svg{width:.875rem;height:.875rem}.how-plan{gap:.5rem;display:grid}.how-plan p,.how-review p{align-items:center;gap:.5rem;display:flex}.how-plan svg,.how-review svg{flex-shrink:0;width:1rem;height:1rem}.how-plan-title{font-weight:550}.how-plan-title span{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:400}.how-plan-done{color:var(--muted)}.how-plan-done svg{color:var(--accent)}.how-plan-active{font-weight:500}.how-pulse{border:2px solid color-mix(in oklab, var(--accent) 30%, transparent);border-top-color:var(--accent);border-radius:999px;flex-shrink:0;width:1rem;height:1rem;animation:1.2s linear infinite how-spin}.how-review{gap:.625rem;display:grid}.how-review-file{font-weight:550}.how-plan-done span,.how-plan-active span:last-child{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-weight:400;overflow:hidden}.how-brief-line{color:var(--muted)}.how-step .how-chip .preview-avatar{width:1rem;height:1rem}.how-coding{color:var(--muted);font-size:var(--type-standard);align-items:center;gap:.625rem;margin:1.5rem 0 0;display:flex}.how-coding svg{color:var(--accent)}.how-review-actions{justify-content:flex-end;margin-top:.25rem}.how-audience{border-top:1px solid var(--line);grid-template-columns:1fr 3fr;gap:2rem;margin-top:4rem;padding-top:2.5rem;display:grid}.how-audience h3{letter-spacing:-.02em;max-width:16ch;margin:0;font-size:1.25rem;font-weight:550}.how-audience ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none;display:grid}.how-audience li{align-items:flex-start;gap:.875rem;display:flex}.how-audience-icon{background:color-mix(in oklab, var(--accent) 12%, transparent);width:2.25rem;height:2.25rem;color:var(--accent);border-radius:.75rem;flex-shrink:0;place-items:center;display:grid}.how-audience h4{font-size:var(--type-standard);margin:.25rem 0 0;font-weight:550}.how-audience li p{color:var(--muted);font-size:var(--type-standard);margin:.375rem 0 0;line-height:1.6}@keyframes how-spin{to{rotate:1turn}}@media (width<64rem){.how-flow{gap:1.25rem}.how-step{padding:1.5rem 1.25rem 0}.how-audience{grid-template-columns:1fr;gap:1.5rem}}@media (width<48rem){.how-flow,.how-audience ul{grid-template-columns:1fr}.how-flow{margin-top:2.5rem}.how-scene{min-height:0}.how-audience{margin-top:3.5rem}.how-audience ul{gap:1.5rem}}@media (prefers-reduced-motion:reduce){.how-pulse{animation:none}}.connect-section{overflow:hidden}.connect-content{gap:4rem;display:grid}.connect-intro{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:end;gap:2rem;display:grid}.connect-section .section-heading{max-width:17ch;font-weight:500}.connect-routine{justify-self:end;align-items:flex-start;gap:.75rem;padding-bottom:.5rem;display:flex}.connect-routine>svg{color:var(--accent)}.connect-routine>div{gap:.5rem;display:grid}.connect-meta{color:var(--muted);font-size:var(--type-caption);font-variant-numeric:tabular-nums}.connect-story{margin:0;position:relative}.flow-pipeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none;display:grid}.flow-step{min-width:0}.flow-node{border-top:1px solid var(--accent);align-items:center;gap:.75rem;min-height:3.5rem;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.flow-node{border-top:1px solid color-mix(in oklab, var(--accent) 45%, transparent)}}.flow-node{font-size:var(--type-caption)}.flow-node>span{color:var(--accent);font-family:var(--font-mono)}.flow-node>svg{color:var(--accent);margin-left:auto}.flow-stage{align-content:stretch;min-height:19rem;display:grid;position:relative}.flow-issue,.flow-thread,.flow-approval{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);align-content:start;gap:1.25rem;padding:1.25rem;display:grid}.flow-issue-source,.flow-thread-project,.flow-approval-eyebrow,.flow-bot-grant,.connect-proof{font-size:var(--type-caption);align-items:center;gap:.5rem;display:flex}.flow-issue-source>span{color:var(--muted);font-family:var(--font-mono);margin-left:auto}.flow-stage h3{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));letter-spacing:-.025em;font-weight:500}.flow-issue-tag{color:var(--muted);font-size:var(--type-caption);gap:.5rem;display:flex}.flow-issue-detail{border-top:1px solid var(--line);color:var(--muted);padding-top:1rem}.flow-stage-bot{text-align:center;background:radial-gradient(ellipse at 50% 43%, var(--accent), transparent 68%);align-content:center;justify-items:center;gap:.75rem}@supports (color:color-mix(in lab, red, red)){.flow-stage-bot{background:radial-gradient(ellipse at 50% 43%, color-mix(in oklab, var(--accent) 12%, transparent), transparent 68%)}}.flow-mascot{width:7.5rem;height:7.5rem}.flow-stage-bot>p{color:var(--muted)}.flow-stage-bot .flow-bot-grant{color:var(--accent);padding-top:.5rem}.flow-thread-project{color:var(--muted)}.flow-agent-list{gap:1rem;display:grid}.flow-agent-list>div{border-top:1px solid var(--line);gap:.375rem;padding-top:1rem;display:grid}.flow-agent-list dt{font-size:var(--type-caption);align-items:center;gap:.5rem;font-weight:500;display:flex}.flow-agent-list dd{color:var(--muted);font-size:var(--type-caption)}.flow-approval{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.flow-approval{border-color:color-mix(in oklab, var(--accent) 60%, transparent)}}.flow-approval{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.flow-approval{background:color-mix(in oklab, var(--accent) 4%, var(--surface))}}.flow-approval-eyebrow{color:var(--accent)}.flow-approval>p:not(.flow-approval-eyebrow){color:var(--muted)}.flow-approval-status{color:var(--accent);font-size:var(--type-caption);align-self:end;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.flow-status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:.375rem;height:.375rem}.connect-proof{color:var(--muted);font-size:var(--type-standard);justify-content:center;padding-top:2.5rem}.connect-accounts{border-top:1px solid var(--line);gap:1.5rem;padding-top:3rem;display:grid}.connect-account-label{color:var(--muted);font-size:var(--type-caption)}.connect-apps{border:1px solid var(--line);border-radius:var(--radius-panel);font-size:var(--type-standard);grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;font-weight:500;list-style:none;display:grid;overflow:hidden}.connect-apps li{min-height:4.5rem;box-shadow:-1px 0 0 var(--line);text-align:center;transition:background-color var(--duration-fast) var(--ease-smooth-out);justify-content:center;align-items:center;padding:.75rem;display:flex}.connect-apps li:hover{background:var(--tint)}.connect-note{max-width:80ch;color:var(--muted);font-size:var(--type-caption)}@media not all and (width>=64rem){.flow-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-stage{min-height:18rem}.connect-intro{grid-template-columns:minmax(0,1fr)}.connect-routine{justify-self:start}.connect-apps{grid-template-columns:repeat(3,minmax(0,1fr))}.connect-apps li{box-shadow:-1px 0 0 var(--line), 0 -1px 0 var(--line)}}@media not all and (width>=40rem){.connect-content{gap:2.5rem}.connect-section .section-heading{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)))}.flow-pipeline{grid-template-columns:minmax(0,1fr);gap:1.5rem}.flow-stage{min-height:auto;padding-block:1rem}.flow-stage-bot{padding-block:2rem}.flow-node>svg{rotate:90deg}.flow-step:last-child .flow-node>svg{rotate:none}.connect-proof{font-size:var(--type-touch);justify-content:flex-start;align-items:flex-start}.connect-accounts{padding-top:2rem}.connect-apps{grid-template-columns:repeat(2,minmax(0,1fr))}.connect-apps li{min-height:3.5rem}}.remote-content{gap:3rem;display:grid}.remote-intro{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:end;gap:2rem;display:grid}.remote-intro h2{font-size:var(--text-6xl,3.75rem);line-height:var(--tw-leading,var(--text-6xl--line-height,1));letter-spacing:-.055em;max-width:18ch;font-weight:500}.remote-intro-copy{max-width:32ch;color:var(--muted);font-size:var(--type-touch);padding-bottom:.5rem;line-height:1.75}.remote-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.remote-facts>div{border-top:1px solid var(--line);align-content:start;gap:.75rem;padding-top:1.5rem;display:grid}.remote-facts dt{font-weight:500}.remote-facts dd{color:var(--muted);line-height:1.6}@media not all and (width>=64rem){.remote-intro h2{font-size:var(--text-5xl,3rem);line-height:var(--tw-leading,var(--text-5xl--line-height,1))}}@media not all and (width>=40rem){.remote-content{gap:2rem}.remote-intro,.remote-facts{grid-template-columns:minmax(0,1fr)}.remote-intro{gap:1.5rem}.remote-intro h2{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)))}.remote-facts{gap:1.5rem}}.feature-section,.connect-section,.remote-section{font-size:var(--type-standard)}.feature-section :is(h2,h3,p,pre),.connect-section :is(h3,p,dl,dd),.remote-section :is(h2,h3,p,dl,dd){margin:0}.connect-section .eyebrow,.remote-section .eyebrow{margin-bottom:1.25rem}.remote-section{border-top:1px solid var(--line)}.feature-heading .section-heading{max-width:20ch}.feature-section .feature-heading{margin-bottom:4rem}.feature-section .feature-heading .eyebrow{margin-bottom:1.25rem}.feature-section .feature-heading .section-copy{margin-top:1.5rem}.feature-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.feature-canvas{border-radius:calc(var(--radius-panel) * 1.5);flex-direction:column;min-width:0;scroll-margin-top:6rem;display:flex;overflow:hidden}.feature-bot{background:var(--lightningcss-light,var(--accent))var(--lightningcss-dark,var(--surface))}@supports (color:color-mix(in lab, red, red)){.feature-bot{background:var(--lightningcss-light,color-mix(in oklab, var(--accent) 11%, var(--surface)))var(--lightningcss-dark,var(--surface))}}.feature-bot,.feature-code{border:1px solid var(--line)}.feature-canvas-copy{gap:1.5rem;padding:2.5rem 2.5rem 0;display:grid}.feature-kicker{font-family:var(--font-mono);font-size:var(--type-caption);color:var(--muted);align-items:center;gap:.75rem;display:flex}.feature-kicker span{color:var(--accent)}.feature-canvas h3{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)));letter-spacing:-.05em;max-width:14ch;font-weight:500}.feature-description{max-width:39ch;color:var(--muted);font-size:var(--type-touch);line-height:1.6}.feature-bot-scene{isolation:isolate;height:23rem;margin-top:auto;position:relative}.feature-orbit{z-index:-1;border:1px solid var(--line);background:radial-gradient(circle, var(--accent), transparent 70%);border-radius:50%;width:23rem;height:23rem;position:absolute;top:3rem;right:-3.5rem}@supports (color:color-mix(in lab, red, red)){.feature-orbit{background:radial-gradient(circle, color-mix(in oklab, var(--accent) 10%, transparent), transparent 70%)}}.feature-mascot svg{width:100%;height:100%}.feature-mascot .mascot-body{fill:var(--mascot-color)}.feature-mascot .eyes{fill:var(--eye-color)}.feature-mascot-large{width:17rem;height:17rem;position:absolute;top:1.75rem;right:-.75rem;rotate:8deg}.feature-message{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);max-width:15rem;font-size:var(--type-standard);gap:.625rem;padding:1.25rem;display:grid;position:absolute;box-shadow:0 1.5rem 3rem -1.75rem #00000059}.feature-message-you{border-bottom-left-radius:.25rem;top:2rem;left:2.5rem}.feature-message-bot{border-top-left-radius:.25rem;max-width:19rem;bottom:2.75rem;left:3.75rem;right:2.5rem}.feature-label{color:var(--muted);font-size:var(--type-caption)}.feature-message-state{color:var(--accent);font-size:var(--type-caption);align-items:center;gap:.5rem;font-weight:500;display:flex}.feature-routine-stamp{color:var(--muted);font-size:var(--type-caption);align-items:center;gap:.5rem;display:flex;position:absolute;bottom:0;right:2.5rem}.feature-code-scene{flex:1;align-content:center;gap:1.5rem;min-height:23rem;padding:2.5rem;display:grid}.feature-diff{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);min-width:0;overflow:hidden}.feature-diff-file{border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:var(--type-caption);align-items:center;gap:.5rem;padding:1rem;display:flex}.feature-diff-file>span{color:var(--accent);margin-left:auto}.feature-diff-code{font-size:var(--type-caption);padding-block:1.25rem;line-height:1.9;overflow-x:auto}.feature-diff-code code{font-family:var(--font-mono);display:grid}.feature-diff-code span{padding-inline:1rem;display:block}.feature-diff-context{color:var(--muted)}.feature-diff-remove{color:var(--theme-rose-400);background:var(--theme-rose-400)}@supports (color:color-mix(in lab, red, red)){.feature-diff-remove{background:color-mix(in oklab, var(--theme-rose-400) 7%, transparent)}}.feature-diff-add{color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.feature-diff-add{background:color-mix(in oklab, var(--accent) 10%, transparent)}}.feature-code-agents{border-top:1px solid var(--line);gap:.875rem;padding:1.25rem 1rem;display:grid}.feature-code-agents p,.feature-code-computer{font-size:var(--type-caption);align-items:center;gap:.5rem;display:flex}.feature-code-agents p>span{color:var(--muted);margin-left:auto}.feature-code-computer{color:var(--muted);justify-content:center}.feature-canvas-foot{font-size:var(--type-caption);color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;padding:2rem 2.5rem;display:flex}.feature-canvas-foot span{opacity:.5}.feature-bridge{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:.75rem;padding-top:2.5rem;display:flex}@media not all and (width>=64rem){.feature-canvas-copy{padding:2rem 2rem 0}.feature-code-scene{padding:2rem 1.5rem}.feature-message-you{left:1.5rem}.feature-message-bot{left:1.5rem;right:1.5rem}}@media not all and (width>=48rem){.feature-pair{grid-template-columns:minmax(0,1fr)}.feature-canvas-copy{padding:2rem 1.5rem 0}.feature-canvas h3{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)))}.feature-canvas-foot{padding:1.5rem}.feature-bridge{text-align:left;align-items:flex-start}}@media not all and (width>=40rem){.feature-section,.connect-section,.remote-section,.feature-message{font-size:var(--type-touch)}.feature-message-you{max-width:12rem}.feature-mascot-large{width:15rem;height:15rem;top:4rem;right:-2rem}.feature-message-bot{bottom:2rem}.feature-diff-code{font-size:var(--type-standard)}}@media not all and (width>=24rem){.feature-canvas-copy,.feature-canvas-foot{padding-inline:1.25rem}.feature-code-scene{padding-inline:1rem}.feature-routine-stamp{right:1.5rem}}.day{background-image:radial-gradient(ellipse 55% 45% at 85% 0%, color-mix(in oklab, var(--accent) 8%, transparent), transparent 70%);position:relative;overflow:clip}.day-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:4rem 0 0;padding:0;list-style:none;display:grid;position:relative}.day-timeline:before{content:"";background:linear-gradient(90deg, var(--accent), color-mix(in oklab, var(--accent) 10%, transparent));height:1px;position:absolute;top:.6875rem;left:.375rem;right:0}.day-moment{flex-direction:column;min-width:0;display:flex}.day-moment>p:not(.day-time){color:var(--muted);font-size:var(--type-standard);margin:.5rem 0 0;line-height:1.6}.day-time{color:var(--accent);font:500 var(--type-caption) / 1.5rem var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;margin:0 0 1.5rem;display:flex;position:relative}.day-clock{background:var(--canvas);padding-inline:.625rem}.day-dot{border:2px solid var(--accent);background:var(--canvas);border-radius:999px;flex-shrink:0;width:.75rem;height:.75rem}.day-moment h3{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:550}.day-scene{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);font-size:var(--type-caption);align-content:start;gap:.625rem;margin-top:1.5rem;padding:1rem;display:grid}.day-scene p{margin:0}.day-scene svg{flex-shrink:0;width:1rem;height:1rem}.day-bot-line,.day-thread,.day-approval>p,.day-queued,.day-passed{align-items:center;gap:.5rem;min-width:0;display:flex}.day-bot-line strong{font-weight:550}.day-bubble{background:var(--tint);border-radius:.25rem .875rem .875rem;padding:.625rem .75rem;line-height:1.55}.day-thread{border:1px solid var(--line);border-radius:.75rem;padding:.625rem .75rem}.day-thread>span:not(.provider-monochrome){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.day-thread em{color:var(--accent);flex-shrink:0;align-items:center;gap:.375rem;margin-left:auto;font-style:normal;display:inline-flex}.day-thread em:before{content:"";width:.375rem;height:.375rem;animation:day-blink 1.6s var(--ease-in-out) infinite;background:currentColor;border-radius:999px}.day-approval{border:1px solid color-mix(in oklab, var(--accent) 45%, transparent);background:color-mix(in oklab, var(--accent) 7%, transparent);border-radius:.75rem;gap:.5rem;padding:.75rem;display:grid}.day-approval>p{color:var(--accent);font-weight:550}.day-approval code{font-family:var(--font-mono);background:var(--canvas);border-radius:.5rem;padding:.375rem .5rem}.day-actions{justify-content:flex-end;gap:.375rem;display:flex}.day-button{border:1px solid var(--line);border-radius:999px;padding:.25rem .75rem}.day-button-primary{background:var(--accent);color:var(--theme-on-accent);border-color:#0000;font-weight:550}.day-queued{color:var(--muted)}.day-passed{color:var(--accent)}.day-note{color:var(--muted);font-size:var(--type-caption);margin:2.5rem 0 0}@keyframes day-blink{50%{opacity:.35}}@media (width<64rem){.day-timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:3rem}.day-timeline:before{display:none}}@media (width<40rem){.day-timeline{grid-template-columns:1fr;gap:2.5rem;margin-top:2.5rem}}@media (prefers-reduced-motion:reduce){.day-thread em:before{animation:none}}.start-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:4rem 0 0;padding:0;list-style:none;display:grid}.start-step{flex-direction:column;min-width:0;display:flex}.start-step>p:last-child{max-width:36ch;color:var(--muted);font-size:var(--type-standard);margin:.5rem 0 0;line-height:1.6}.start-scene{border:1px solid var(--line);border-radius:calc(var(--radius-panel) * 1.5);background:radial-gradient(circle at 50% 0%, color-mix(in oklab, var(--accent) 8%, transparent), transparent 70%), var(--tint);min-height:12.5rem;font-size:var(--type-caption);align-content:center;gap:.5rem;margin-bottom:1.75rem;padding:1.5rem;display:grid}.start-scene p{margin:0}.start-scene svg{flex-shrink:0;width:1rem;height:1rem}.start-scene .start-window-title{font-size:var(--type-standard);margin-bottom:.25rem;font-weight:550}.start-choice,.start-provider{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;align-items:center;gap:.625rem;min-width:0;padding:.625rem .75rem;display:flex}.start-choice span,.start-provider>span:not(.provider-monochrome){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.start-choice{color:var(--muted)}.start-choice-selected{border-color:var(--accent);color:var(--ink);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 15%, transparent)}.start-open{background:var(--accent);color:var(--theme-on-accent,var(--canvas));border-radius:999px;justify-self:start;margin-top:.5rem;padding:.375rem .875rem;font-weight:550}.start-provider small{color:var(--muted);font-size:inherit;margin-left:.375rem}.start-choice-selected svg:last-child{color:var(--accent);margin-left:auto}.start-provider em{color:var(--muted);flex-shrink:0;align-items:center;gap:.25rem;margin-left:auto;font-style:normal;display:inline-flex}.start-provider .start-ready{color:var(--accent);font-weight:550}.start-prompt{border:1px solid var(--line);background:var(--surface);font-size:var(--type-standard);border-bottom:0;border-radius:.875rem .875rem 0 0;padding:.875rem 1rem 0;line-height:1.5}.start-prompt-row{border:1px solid var(--line);background:var(--surface);border-top:0;border-radius:0 0 .875rem .875rem;flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:-.5rem;padding:.75rem 1rem .875rem;display:flex}.start-chip{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .625rem;display:inline-flex}.start-send{background:var(--accent);width:1.75rem;height:1.75rem;color:var(--theme-on-accent,var(--canvas));border-radius:999px;flex-shrink:0;place-items:center;margin-left:auto;display:grid}.start-number{color:var(--accent);font:500 var(--type-caption) / 1.5 var(--font-mono);margin:0 0 .5rem}.start-step h3{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:550}.start-models{border:1px solid var(--line);border-radius:calc(var(--radius-panel) * 1.5);background:var(--surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2rem;margin-top:4rem;padding:2rem;display:grid}.start-models-icons{align-items:center;display:flex}.start-models-icons>span{border:1px solid var(--line);background:var(--canvas);border-radius:999px;place-items:center;width:3rem;height:3rem;margin-left:-.5rem;display:grid}.start-models-icons>:first-child{margin-left:0}.start-models-icons svg{width:1.25rem;height:1.25rem}.start-models h3{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:550}.start-models p{max-width:62ch;color:var(--muted);font-size:var(--type-standard);margin:.5rem 0 0;line-height:1.6}@media (width<64rem){.start-steps{gap:1.25rem}.start-models{grid-template-columns:auto minmax(0,1fr)}.start-models .text-link{grid-column:2}}@media (width<48rem){.start-steps{grid-template-columns:1fr;gap:2.5rem;margin-top:2.5rem}.start-scene{min-height:0}}@media (width<40rem){.start-scene{padding:1rem}.start-models{grid-template-columns:1fr;gap:1.25rem;padding:1.5rem}.start-models .text-link{grid-column:auto}}.story-response-layer,.story-result-layer{min-width:0;display:grid}.story-response-layer>*,.story-result-layer>*{grid-area:1/1;min-width:0}.story-waiting{border:1px solid var(--line);border-radius:var(--radius-panel);background:color-mix(in oklab, var(--ink) 2%, transparent);min-width:0;color:var(--muted);grid-area:1/1;align-content:start;gap:.75rem;padding:1.25rem;display:grid}.story-waiting-title{font-size:var(--type-standard);align-items:center;gap:.625rem;display:flex}.story-waiting strong{color:var(--ink);font-weight:500}.story-waiting-detail{max-width:44ch;font-size:var(--type-standard);line-height:1.6}.story-waiting-mark{border:1px solid var(--line);width:1.75rem;height:1.75rem;color:var(--accent);border-radius:.5rem;flex-shrink:0;place-items:center;display:grid}.story-waiting-mark svg{width:.875rem;height:.875rem}.story-skeleton{gap:.625rem;padding-top:.75rem;display:grid}.story-skeleton>span{background:linear-gradient(90deg, transparent 30%, color-mix(in oklab, var(--ink) 7%, transparent) 50%, transparent 70%) 0 0 / 200% 100%, color-mix(in oklab, var(--ink) 6%, transparent);border-radius:999px;height:.5rem;animation:2s linear infinite paused story-shimmer}.story-skeleton>span:first-child{width:92%}.story-skeleton>span:nth-child(2){width:74%}.story-skeleton>span:nth-child(3){width:48%}.story-playback[data-running=true] .story-waiting[data-waiting=true] .story-skeleton>span{animation-play-state:running}@keyframes story-shimmer{0%{background-position:100% 0,0 0}to{background-position:-100% 0,0 0}}.story-waiting[data-waiting=false]{visibility:hidden}.story-result-layer>.story-waiting{margin:1.5rem}.story-thinking{color:var(--accent);gap:.375rem;margin-left:auto;display:flex}.story-thinking>span{width:.25rem;height:.25rem;animation:story-thinking calc(var(--duration-slow) * 3) var(--ease-in-out) infinite alternate;background:currentColor;border-radius:50%;animation-play-state:paused}.story-thinking>span:nth-child(2){animation-delay:var(--duration-quick)}.story-thinking>span:nth-child(3){animation-delay:calc(var(--duration-quick) * 2)}.story-playback[data-running=true] .story-waiting[data-waiting=true] .story-thinking>span{animation-play-state:running}@keyframes story-thinking{0%{opacity:.25}to{opacity:1}}@media (prefers-reduced-motion:reduce){.story-waiting{visibility:hidden}.story-thinking>span{animation:none}}.story-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;padding:0;list-style:none;display:grid}.story-stages button{width:100%;color:var(--muted);font-size:var(--type-standard);text-align:left;background:0 0;border:0;gap:.75rem;padding:.75rem 0;display:grid}.story-stages button:hover{color:var(--ink)}.story-stage-top{align-items:center;gap:.75rem;display:flex}.story-stage-number{width:1.5rem;height:1.5rem;font:500 var(--type-caption)/1 var(--font-mono);font-variant-numeric:tabular-nums;flex-shrink:0;place-items:center;display:grid}.story-stage-rail{background:var(--line);flex:1;height:1px;position:relative;overflow:hidden}.story-stage-copy{gap:.5rem;display:grid}.story-stage-copy strong{color:var(--ink);font-weight:500}.story-stage-copy>span{line-height:1.6}.story-stages li[data-current=true] .story-stage-number,.story-stages li[data-complete=true] .story-stage-number{color:var(--accent)}.story-stages li[data-current=true] .story-stage-rail,.story-stages li[data-complete=true] .story-stage-rail{background:var(--accent)}.story-stages li[data-timing=true] .story-stage-rail{background:var(--line)}.story-stages li[data-timing=true] .story-stage-rail:after{content:"";background:var(--accent);transform-origin:0;animation:story-rail-fill var(--story-reading) linear both;position:absolute;inset:0}.story-playback[data-running=true] li[data-current=true] .story-stage-number{animation:story-breathe calc(var(--duration-slow) * 4) var(--ease-in-out) infinite alternate}@keyframes story-rail-fill{0%{scale:0 1}to{scale:1}}@keyframes story-breathe{0%{opacity:.5}to{opacity:1}}@media not all and (width>=64rem){.story-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}@media not all and (width>=40rem){.story-stages{gap:1rem}.story-stages button{font-size:var(--type-touch)}}@media not all and (width>=24rem){.story-stages{grid-template-columns:minmax(0,1fr)}}.story-playback{grid-template-rows:auto 1fr auto;gap:1.5rem;min-width:0;display:grid}.story-playback :is(p,h4,pre,dl,dd,blockquote,ul,ol){margin:0}.story-controls,.story-control-actions,.story-thread-header,.story-bot-header,.story-thread-header>p,.story-provider{align-items:center;gap:.75rem;display:flex}.story-controls{justify-content:space-between;gap:1rem;min-height:3rem}.story-example-label,.story-motion-note,.story-small-label,.story-thread-header,.story-provider{color:var(--muted);font-size:var(--type-caption)}.story-example-label{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.5rem;display:flex}.story-control-actions{justify-content:end;min-width:15rem;min-height:3rem}.story-control-actions .ui-button{width:6.5rem}.story-canvases{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;display:grid}.story-conversation,.story-code{border:1px solid var(--line);border-radius:calc(var(--radius-panel) * 1.5);align-content:start;min-width:0;display:grid;overflow:hidden}.story-conversation{background:var(--lightningcss-light,var(--accent))var(--lightningcss-dark,var(--tint));gap:2rem;padding:2rem}@supports (color:color-mix(in lab, red, red)){.story-conversation{background:var(--lightningcss-light,color-mix(in oklab, var(--accent) 7%, var(--surface)))var(--lightningcss-dark,var(--tint))}}.story-bot-header{gap:1rem}.story-bot-header>div:nth-child(2){gap:.375rem;min-width:0;display:grid}.story-bot-header>div:nth-child(2)>p:first-child{font-weight:500}.story-bot-header>div:nth-child(2)>p:last-child{color:var(--muted);font-size:var(--type-caption)}.story-bot-header>svg{color:var(--accent);margin-left:auto}.story-mascot{flex-shrink:0;width:3.5rem;height:3.5rem}.story-mascot svg{width:100%;height:100%}.story-mascot .mascot-body{fill:var(--mascot-color)}.story-mascot .eyes{fill:var(--eye-color)}.story-request{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);gap:.75rem;padding:1.5rem;display:grid}.story-request blockquote{font-size:var(--type-touch);text-wrap:pretty;line-height:1.75}.story-bot-response{gap:.75rem;display:grid}.story-bot-response>p:not(.story-small-label){line-height:1.7}.story-tools{gap:1.25rem;padding-top:1rem;display:grid}.story-tools>div{gap:.5rem;display:grid}.story-tools dt,.story-permission,.story-result-label,.story-result li,.story-approval{align-items:flex-start;gap:.5rem;display:flex}.story-tools dt{font-weight:500}.story-tools dt>svg{color:var(--accent)}.story-tools dd{color:var(--muted);padding-left:1.5rem;line-height:1.6}.story-permission{border-top:1px solid var(--line);color:var(--muted);font-size:var(--type-caption);padding-top:1rem;line-height:1.6}.story-thread-header{border-bottom:1px solid var(--line);justify-content:space-between;padding:1.25rem 1.5rem}.story-thread-intro{gap:.75rem;padding:1.5rem 1.5rem 0;display:grid}.story-thread-intro h4,.story-result h4{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));letter-spacing:-.025em;font-weight:500}.story-thread-intro>p:last-child{color:var(--muted);line-height:1.6}.story-code-layer{padding:1.5rem;display:grid}.story-code-output{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);grid-area:1/1;min-width:0;overflow:hidden}.story-providers{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:1rem;padding:1rem;display:flex}.story-provider{color:var(--ink);gap:.5rem}.story-provider>svg{fill:var(--ink)}.story-provider>span{color:var(--muted)}.story-code-lines{font-size:var(--type-compact);padding:1rem;line-height:1.8}.story-code-lines code{font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;display:grid}.story-code-output[data-revealed=true] .story-code-lines span{animation:story-line-in var(--duration-fast) var(--ease-smooth-out) both;animation-delay:calc(var(--story-line) * var(--duration-stagger,40ms))}.story-code-added{color:var(--accent)}.story-code-removed{color:var(--dark-rose-400)}.story-result{gap:1rem;padding:1.5rem;display:grid}.story-result-layer{border-top:1px solid var(--line);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.story-result-layer{background:color-mix(in oklab, var(--accent) 4%, var(--canvas))}}.story-result-label{color:var(--accent);font-size:var(--type-caption)}.story-result>p:not(.story-result-label),.story-result li{color:var(--muted);line-height:1.6}.story-result ul{gap:.75rem;padding:0;list-style:none;display:grid}.story-result li>svg{color:var(--accent)}.story-approval{border-top:1px solid var(--line);font-size:var(--type-caption);padding-top:1rem}.story-reveal{transition:opacity var(--duration-slow) var(--ease-smooth-out), translate var(--duration-slow) var(--ease-smooth-out)}.story-reveal[data-revealed=false]{opacity:0;translate:0 var(--distance-base);pointer-events:none}@keyframes story-line-in{0%{opacity:0;translate:0 var(--distance-base)}to{opacity:1;translate:0}}@media not all and (width>=64rem){.story-canvases{grid-template-columns:minmax(0,1fr)}}@media not all and (width>=40rem){.story-controls{flex-wrap:wrap}.story-control-actions{justify-content:start}.story-conversation{gap:1.5rem;padding:1.25rem}.story-request{padding:1.25rem}.story-bot-header{flex-wrap:wrap;gap:.75rem}.story-bot-header>svg{display:none}.story-thread-header{flex-wrap:wrap}.story-thread-intro,.story-code-layer,.story-result,.story-thread-header{padding-inline:1.25rem}}@media not all and (width>=24rem){.story-bot-header>div:nth-child(2){flex:1}}@media (prefers-reduced-motion:reduce){.story-playback *,.story-playback :before,.story-playback :after{transition:none!important;animation:none!important}.story-reveal[data-revealed=false]{opacity:1;translate:none}.story-waiting{visibility:hidden}}.use-cases{border-top:1px solid var(--line);background:var(--surface);font-size:var(--type-standard)}.use-cases-content{gap:3rem;display:grid}.use-cases-intro{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:end;gap:2rem;display:grid}.use-cases-intro .section-heading{max-width:18ch}.use-cases-intro-copy{max-width:38ch;color:var(--muted);font-size:var(--type-touch);margin:0;padding-bottom:.5rem;line-height:1.75}.use-cases-tabs{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--canvas);grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.5rem;display:grid}.use-cases-tabs button{border-radius:calc(var(--radius-panel) - .5rem);min-width:0;min-height:3rem;color:var(--muted);font-size:var(--type-standard);text-align:left;background:0 0;border:0;align-items:center;gap:.75rem;padding:.75rem;font-weight:500;display:flex}.use-cases-tabs button:hover{background:var(--tint);color:var(--ink)}.use-cases-tabs button[aria-selected=true]{color:var(--ink);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.use-cases-tabs button[aria-selected=true]{background:color-mix(in oklab, var(--accent) 9%, var(--surface))}}.use-cases-tab-number{color:var(--accent);font-family:var(--font-mono);font-size:var(--type-caption);font-variant-numeric:tabular-nums}.use-cases-panels{row-gap:2rem;display:grid}.use-cases-panel{grid-area:1/1/3/2;grid-template-rows:subgrid;visibility:hidden;opacity:0;align-content:start;gap:2rem;min-width:0;display:grid}.use-cases-panel.is-active{visibility:visible;opacity:1}.use-cases-panel.is-active .use-cases-lede{animation:use-cases-enter var(--duration-fast) var(--ease-smooth-out) both}.use-cases-lede{grid-template-columns:4rem minmax(0,1fr);align-items:start;gap:2rem;display:grid}.use-cases-index{color:var(--accent);font-family:var(--font-mono);font-size:var(--type-caption);font-variant-numeric:tabular-nums;margin:0;padding-top:.375rem}.use-cases-index>span{color:var(--muted)}.use-cases-lede h3{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,calc(2.25 / 1.875)));letter-spacing:-.04em;max-width:36ch;margin:0;font-weight:500}.use-cases-lede>div>p{max-width:80ch;color:var(--muted);margin:1rem 0 0;line-height:1.75}.use-cases-note{max-width:90ch;color:var(--muted);font-size:var(--type-caption);margin:0;line-height:1.6}@keyframes use-cases-enter{0%{opacity:0;translate:0 var(--distance-base)}to{opacity:1;translate:0}}@media not all and (width>=64rem){.use-cases-intro{grid-template-columns:minmax(0,1fr)}.use-cases-intro-copy{max-width:56ch}}@media not all and (width>=40rem){.use-cases{font-size:var(--type-touch)}.use-cases-content{gap:2rem}.use-cases-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.25rem}.use-cases-tabs button{font-size:var(--type-standard);align-items:flex-start;gap:.5rem;padding:.75rem .5rem}.use-cases-lede{grid-template-columns:minmax(0,1fr);gap:.75rem}.use-cases-lede h3{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)))}}@media (prefers-reduced-motion:reduce){.use-cases-panel.is-active .use-cases-lede{animation:none}}.remote-panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:color-mix(in oklab, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-rows:auto auto auto 1fr;gap:1.25rem;min-width:0;padding:1.25rem;display:grid}.remote-panel-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.remote-panel-header>p{font-weight:500}.remote-machines{gap:.5rem;padding:0;list-style:none;display:grid}.remote-machine{border:1px solid var(--line);background:var(--canvas);border-radius:.75rem;grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem;display:grid}.remote-machine>div{gap:.125rem;min-width:0;display:grid}.remote-machine>div>p:first-child{font-weight:500}.remote-machine>div>p:last-child{color:var(--muted);font-size:var(--type-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.remote-machine-icon{background:var(--tint);width:2.25rem;height:2.25rem;color:var(--muted);border-radius:.625rem;place-items:center;display:grid}.remote-machine-badge{border:1px solid var(--line);color:var(--muted);font-size:var(--type-caption);white-space:nowrap;border-radius:999px;padding:.125rem .5rem}.remote-machine[data-machine=home]{border-color:color-mix(in oklab, var(--accent) 32%, transparent)}.remote-machine[data-machine=home] .remote-machine-icon{background:color-mix(in oklab, var(--accent) 14%, transparent);color:var(--accent)}.remote-machine[data-machine=home] .remote-machine-badge{border-color:color-mix(in oklab, var(--accent) 32%, transparent);color:var(--accent)}.remote-machine[data-machine=here] .remote-machine-badge{color:var(--ink)}.remote-phone{border-top:1px solid var(--line);color:var(--muted);font-size:var(--type-caption);align-self:end;align-items:flex-start;gap:.5rem;padding-top:1rem;line-height:1.5;display:flex}.remote-phone svg{width:.875rem;height:.875rem;margin-top:.125rem}.remote-scope{border-top:1px solid var(--line);gap:.75rem;padding-top:1.25rem;display:grid}.remote-scope-label{color:var(--muted);font-size:var(--type-caption)}.remote-chips{flex-wrap:wrap;gap:.375rem;padding:0;list-style:none;display:flex}.remote-chips+.remote-scope-label{padding-top:.25rem}.remote-chips li{border:1px solid var(--line);font-size:var(--type-caption);border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .625rem;display:inline-flex}.remote-chips svg{width:.75rem;height:.75rem;color:var(--accent)}.remote-chips-local svg{color:var(--muted)}@media (width>=40rem) and (width<64rem){.remote-panel{grid-template-rows:auto;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:1.5rem}.remote-panel-header,.remote-phone{grid-column:1/-1}.remote-scope{border-top:0;align-content:start;padding-top:0}}@media (width<40rem){.remote-machine{grid-template-columns:2.25rem minmax(0,1fr)}.remote-machine-badge{grid-column:2;justify-self:start}.remote-machine>div>p:last-child{white-space:normal}}@media (prefers-reduced-motion:no-preference){.remote-section[data-reveal=shown] .remote-timeline>li{animation:site-reveal-entry var(--duration-slow) var(--ease-smooth-out) both;animation-delay:calc(var(--remote-order,0) * var(--remote-beat))}.remote-timeline>li:nth-child(2){--remote-order:.4}.remote-timeline>li:nth-child(3){--remote-order:.8}.remote-timeline>li:nth-child(4){--remote-order:2}.remote-timeline>li:nth-child(5){--remote-order:4}.remote-section[data-reveal=shown] .remote-delivered{animation:site-reveal-entry var(--duration-slow) var(--ease-smooth-out) both;animation-delay:calc(var(--remote-beat) * 3)}.remote-section[data-reveal=shown] .remote-machine[data-machine=here]{animation:remote-machine-active calc(var(--remote-beat) * 2) var(--ease-in-out) both;animation-delay:calc(var(--remote-beat) * 1.5)}.remote-section[data-reveal=shown] .remote-machine[data-machine=home]{animation:remote-machine-active calc(var(--remote-beat) * 2) var(--ease-in-out) both;animation-delay:calc(var(--remote-beat) * 2.75)}.remote-section[data-reveal=shown] .remote-live-dot:after{content:"";background:var(--accent);animation:remote-live-ping calc(var(--duration-slow) * 5) var(--ease-smooth-out) infinite;border-radius:50%;position:absolute;inset:0}.remote-section[data-reveal=shown] .remote-thinking i{animation:remote-thinking calc(var(--duration-slow) * 3) var(--ease-in-out) infinite alternate}.remote-section[data-reveal=shown] .remote-thinking i:nth-child(2){animation-delay:var(--duration-quick)}.remote-section[data-reveal=shown] .remote-thinking i:nth-child(3){animation-delay:calc(var(--duration-quick) * 2)}}@keyframes remote-machine-active{0%,to{box-shadow:0 0 #0000}35%,65%{box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent)}}@keyframes remote-live-ping{0%{opacity:.6;scale:1}60%,to{opacity:0;scale:3}}@keyframes remote-thinking{0%{opacity:.25}to{opacity:1}}.remote-stage{--remote-beat:calc(var(--duration-slow) * 1.5);isolation:isolate;border:1px solid var(--line);border-radius:calc(var(--radius-panel) * 1.5);font-size:var(--type-standard);background:radial-gradient(ellipse 60% 70% at 18% 0%, color-mix(in oklab, var(--accent) 11%, transparent), transparent), var(--canvas);margin:0;padding:2.5rem 2.5rem 1.5rem;position:relative;overflow:hidden}.remote-stage:before{content:"";z-index:-1;background-image:radial-gradient(color-mix(in oklab, var(--ink) 9%, transparent) 1px, transparent 1px);pointer-events:none;background-size:1.5rem 1.5rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000,#0000);mask-image:radial-gradient(80% 70% at 50% 30%,#000,#0000)}.remote-stage *{box-sizing:border-box}.remote-stage :is(p,ol,ul,pre){margin:0}.remote-stage svg{flex-shrink:0;width:1rem;height:1rem}.remote-scene{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:stretch;gap:1.5rem;display:grid}.remote-window{border:1px solid color-mix(in oklab, var(--ink) 14%, transparent);border-radius:var(--radius-panel);background:var(--surface);min-width:0;box-shadow:0 2.5rem 5rem -2.5rem #000000b3, inset 0 1px 0 color-mix(in oklab, var(--ink) 5%, transparent);overflow:hidden}.remote-window-bar{border-bottom:1px solid var(--line);background:color-mix(in oklab, var(--ink) 3%, var(--surface));align-items:center;gap:1rem;min-height:3.25rem;padding:.625rem .75rem .625rem 1rem;display:flex}.remote-window-dots{gap:.375rem;display:flex}.remote-window-dots i{background:color-mix(in oklab, var(--ink) 16%, transparent);border-radius:50%;width:.625rem;height:.625rem}.remote-window-path{min-width:0;color:var(--muted);font-size:var(--type-caption);white-space:nowrap;align-items:center;gap:.5rem;display:flex;overflow:hidden}.remote-window-path strong{color:var(--ink);text-overflow:ellipsis;font-weight:500;overflow:hidden}.remote-runs-on,.remote-linked{border:1px solid color-mix(in oklab, var(--accent) 30%, transparent);background:color-mix(in oklab, var(--accent) 9%, transparent);color:var(--muted);font-size:var(--type-caption);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:.5rem;padding:.25rem .625rem;display:inline-flex}.remote-window-bar .remote-runs-on{margin-left:auto}.remote-runs-on strong{color:var(--ink);font-weight:500}.remote-live-dot{background:var(--accent);border-radius:50%;width:.375rem;height:.375rem;position:relative}.remote-timeline{gap:1.125rem;padding:1.5rem 1.5rem 1.25rem;list-style:none;display:grid;position:relative}.remote-timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:2.25rem;bottom:3.5rem;left:2.375rem}.remote-event{grid-template-columns:1.75rem minmax(0,1fr);align-items:start;gap:.875rem;display:grid;position:relative}.remote-event>p,.remote-event-body>p:first-child{color:var(--muted);padding-top:.25rem;line-height:1.5}.remote-event strong{color:var(--ink);font-weight:500}.remote-event code{background:var(--tint);color:var(--ink);font-family:var(--font-mono);font-size:var(--type-compact);overflow-wrap:break-word;border-radius:.375rem;padding:.0625rem .375rem}.remote-event-mark{border:1px solid var(--line);background:var(--canvas);width:1.75rem;height:1.75rem;color:var(--muted);border-radius:.5rem;place-items:center;display:grid}.remote-event-mark svg,.remote-provider svg,.remote-route svg,.remote-pass svg{width:.875rem;height:.875rem}.remote-event-body{gap:.625rem;min-width:0;display:grid}.remote-diffstat{color:var(--accent);font-family:var(--font-mono);font-size:var(--type-caption);margin-left:.5rem}.remote-diff{border:1px solid var(--line);font-size:var(--type-compact);border-radius:.625rem;line-height:1.7;overflow:hidden}.remote-diff code{background:var(--canvas);white-space:pre-wrap;border-radius:0;padding:0;display:grid}.remote-diff span{padding:.25rem .875rem}.remote-diff-removed{background:color-mix(in oklab, var(--dark-rose-400) 9%, transparent);color:var(--dark-rose-300)}.remote-diff-added{background:color-mix(in oklab, var(--accent) 10%, transparent);color:var(--accent)}.remote-pass,.remote-delivered{color:var(--accent);font-size:var(--type-caption);align-items:center;gap:.25rem;display:inline-flex}.remote-pass{margin-left:.75rem}.remote-event-you{grid-template-columns:minmax(0,1fr);justify-items:end;gap:.5rem;padding-left:3rem}.remote-bubble{border:1px solid color-mix(in oklab, var(--accent) 24%, transparent);background:color-mix(in oklab, var(--accent) 12%, var(--surface));max-width:28ch;color:var(--ink);border-radius:1rem 1rem .25rem;padding:.75rem 1rem;line-height:1.5}.remote-route{color:var(--muted);font-size:var(--type-caption);flex-wrap:wrap;justify-content:end;align-items:center;gap:.375rem;display:flex}.remote-provider{align-items:center;gap:.375rem;display:inline-flex}.remote-provider svg{fill:var(--ink)}.remote-event-side>.remote-event-body>p:first-child{align-items:center;gap:.625rem;display:flex}.remote-side-label{border:1px solid var(--line);color:var(--muted);font-size:var(--type-caption);border-radius:999px;padding:0 .5rem;line-height:1.5}.remote-working{color:var(--ink);align-items:center;gap:.5rem;display:flex}.remote-thinking{color:var(--accent);gap:.25rem;display:inline-flex}.remote-thinking i{background:currentColor;border-radius:50%;width:.25rem;height:.25rem}.remote-composer{border:1px solid var(--line);background:var(--canvas);border-radius:.875rem;align-items:center;gap:.75rem;margin:0 1.25rem 1.25rem;padding:.5rem .5rem .5rem 1rem;display:flex}.remote-composer>p{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.remote-composer-target{color:var(--muted);font-size:var(--type-caption);white-space:nowrap;align-items:center;gap:.375rem;display:inline-flex}.remote-composer-target svg{width:.875rem;height:.875rem}.remote-send{background:var(--accent);width:2rem;height:2rem;color:var(--theme-on-accent);border-radius:.625rem;flex-shrink:0;place-items:center;display:grid}.remote-caption{color:var(--muted);font-size:var(--type-caption);justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;line-height:1.6;display:flex}.remote-caption>span{flex-shrink:0}@media (width<64rem){.remote-scene{grid-template-columns:minmax(0,1fr)}}@media (width<40rem){.remote-stage{border-radius:var(--radius-panel);padding:.75rem .75rem 1.25rem}.remote-window-bar{flex-wrap:wrap;gap:.625rem}.remote-window-dots,.remote-composer-target{display:none}.remote-window-path{flex-basis:100%}.remote-window-bar .remote-runs-on{margin-left:0}.remote-timeline{padding:1.25rem 1rem 1rem}.remote-timeline:before{left:1.875rem}.remote-event-you{padding-left:1.5rem}.remote-diff{font-size:var(--type-caption);margin-left:-2.625rem}.remote-diff code{white-space:pre;scrollbar-width:none;overflow-x:auto}.remote-diff span{width:max-content;min-width:100%;padding-inline:.75rem}.remote-composer{margin:0 1rem 1rem}.remote-caption{padding-inline:.25rem;display:grid}}.product-directory{border-top:1px solid var(--line)}.directory-heading{grid-template-columns:1fr 1fr;align-items:end;gap:2rem;display:grid}.directory-heading .section-copy{max-width:40ch}.directory-links{grid-template-columns:1fr 1fr;gap:0 2rem;margin-top:3.5rem;display:grid}.directory-links a{border-top:1px solid var(--line);color:var(--ink);align-items:flex-start;gap:1.25rem;padding-block:1.75rem;display:flex}.directory-links a:hover h3{color:var(--accent)}.directory-number{color:var(--muted);font:500 var(--type-caption)/1.5 var(--font-mono);padding-top:.25rem}.directory-links h3{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));letter-spacing:-.035em;margin:0;font-weight:500}.directory-links p{max-width:42ch;color:var(--muted);font-size:var(--type-touch);margin:.75rem 0 0;line-height:1.75}.directory-links a>svg{color:var(--accent);flex-shrink:0;margin:.375rem 0 0 auto}@media not all and (width>=48rem){.directory-heading,.directory-links{grid-template-columns:1fr}}