.landing-shell{--landing-rail:80rem;background:var(--nb-background);min-height:100dvh;color:var(--nb-foreground);position:relative;overflow:clip}.landing-shell *,.landing-shell :before,.landing-shell :after{box-sizing:border-box}.landing-shell [id]{scroll-margin-top:5rem}.landing-shell h1,.landing-shell h2,.landing-shell h3,.landing-shell p,.landing-shell figure{margin:0}.landing-shell h1,.landing-shell h2{text-wrap:balance}.landing-shapes{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.landing-shape{top:var(--top);left:var(--left);width:var(--size);height:var(--size);opacity:.32;transform:rotate(var(--rotate));animation:landing-shape-drift var(--drift) ease-in-out var(--delay) infinite alternate;position:absolute}[data-mode=dark] .landing-shape{opacity:.45}.landing-shape svg{width:100%;height:100%;display:block;overflow:visible}.landing-shape--doc svg,.landing-shape--image svg,.landing-shape--video svg{filter:drop-shadow(0 0 1.25rem)}@keyframes landing-shape-drift{0%{transform:translate3d(0, 0, 0) rotate(var(--rotate))}to{transform:translate3d(.75rem, -1.5rem, 0) rotate(calc(var(--rotate) + 10deg))}}.landing-shell>main,.landing-shell>footer{z-index:1;position:relative}.landing-hero,.landing-principles,.landing-loop,.landing-deploy,.landing-close{width:min(100%, var(--landing-rail));border-inline:1px solid var(--nb-border);margin-inline:auto}.landing-hero{border-bottom:1px solid var(--nb-border);grid-template-columns:minmax(19rem,.8fr) minmax(35rem,1.2fr);align-items:center;gap:clamp(2.5rem,5vw,5.5rem);min-height:47rem;padding:clamp(4rem,7vw,7rem) clamp(1.5rem,4vw,4rem);display:grid}.landing-hero__copy{z-index:2;max-width:36rem;position:relative}.landing-eyebrow,.landing-section-heading>p{color:var(--nb-primary);font-family:var(--nb-font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.625rem;font-size:.6875rem;font-weight:500;line-height:1.4;display:flex}.landing-eyebrow>span{background:currentColor;width:.5rem;height:.5rem}.landing-hero h1{letter-spacing:-.06em;max-width:12ch;margin-top:1.75rem;font-size:clamp(3rem,5.1vw,5.1rem);font-weight:600;line-height:.92}.landing-byline{border:1px solid var(--nb-border-strong);background:color-mix(in oklch, var(--nb-card) 92%, transparent);color:var(--nb-foreground);align-items:center;gap:.375rem;margin-top:1.5rem;padding:.375rem .75rem .375rem .625rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.landing-byline span{color:var(--nb-muted-foreground);font-weight:500}.landing-byline svg{width:.875rem;height:.875rem;color:var(--nb-primary)}.landing-byline:hover{border-color:var(--nb-primary);color:var(--nb-primary)}.landing-lede{max-width:54ch;color:var(--nb-muted-foreground);font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.65;margin-top:1.75rem!important}.landing-actions{flex-wrap:wrap;gap:.625rem;margin-top:2rem;display:flex}.landing-button{border:1px solid var(--nb-border-strong);background:color-mix(in oklch, var(--nb-card) 92%, transparent);min-height:3rem;color:var(--nb-foreground);justify-content:center;align-items:center;gap:.625rem;padding:0 1.125rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s,transform .15s;display:inline-flex}.landing-button :where(svg){width:1rem;height:1rem}.landing-button--primary{border-color:var(--nb-primary);background:var(--nb-primary);color:var(--nb-primary-foreground)}@media (hover:hover){.landing-button:hover{border-color:var(--nb-foreground);transform:translateY(-1px)}.landing-button--primary:hover{border-color:var(--nb-primary-hover);background:var(--nb-primary-hover)}}.landing-agent-setup{gap:.5rem;max-width:36rem;margin-top:1.25rem;display:grid}.landing-copy-prompt{border:1px solid var(--nb-border-strong);background:color-mix(in oklch, var(--nb-card) 92%, transparent);min-height:3.25rem;color:var(--nb-foreground);min-width:0;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.875rem;padding:.75rem .875rem;text-decoration:none;transition:border-color .15s,background .15s,color .15s,transform .15s;display:flex}.landing-agent-setup__marks{align-items:center;gap:.4375rem;min-width:0;display:flex}.landing-agent-setup__marks>span{place-items:center;width:1.25rem;height:1.25rem;display:grid}.landing-agent-setup__marks img{object-fit:contain;width:100%;height:100%}.landing-copy-prompt__label{text-align:end;white-space:nowrap;flex:none;min-width:0;margin-inline-start:auto;font-size:.875rem;font-weight:650}.landing-copy-prompt__label span:last-child,.landing-copy-prompt[data-copied] .landing-copy-prompt__label span:first-child,.landing-copy-prompt__icon svg:last-child,.landing-copy-prompt[data-copied] .landing-copy-prompt__icon svg:first-child{display:none}.landing-copy-prompt[data-copied] .landing-copy-prompt__label span:last-child,.landing-copy-prompt[data-copied] .landing-copy-prompt__icon svg:last-child{display:block}.landing-copy-prompt[data-copied]{border-color:color-mix(in oklch, var(--nb-success) 70%, var(--nb-border));color:var(--nb-success)}.landing-copy-prompt__icon{flex:none;place-items:center;width:1rem;height:1rem;display:grid}.landing-copy-prompt:active{transform:scale(.96)}@media (hover:hover){.landing-copy-prompt:hover{border-color:var(--nb-foreground);background:var(--nb-muted)}}.artifact-window{border:1px solid var(--nb-border-strong);background:var(--nb-card);min-width:0;height:36rem;box-shadow:1.25rem 1.25rem 0 color-mix(in oklch, var(--nb-primary) 12%, transparent);pointer-events:none;position:relative}.artifact-window:before{z-index:-1;border:1px solid color-mix(in oklch, var(--nb-primary) 42%, transparent);content:"";position:absolute;inset:-1.5rem 1.5rem 1.5rem -1.5rem}.artifact-window__body{grid-template-columns:minmax(20rem,1.55fr) minmax(12rem,.85fr);height:100%;display:grid}.artifact-canvas{background:color-mix(in oklch, var(--nb-background) 94%, var(--nb-primary));place-items:center;min-width:0;padding:1.5rem;display:grid;overflow:hidden}.artifact-document{border:1px solid var(--nb-border-strong);background:var(--nb-card);width:min(100%,26rem);padding:2rem}.artifact-document>p:first-child{color:var(--nb-primary);font-family:var(--nb-font-mono);letter-spacing:.12em;font-size:.5rem}.artifact-document h2{letter-spacing:-.04em;margin-top:.75rem;font-size:clamp(1.35rem,2.5vw,2.1rem);font-weight:600;line-height:.98}.artifact-document>span{background:var(--nb-muted);height:.25rem;margin-top:.625rem;display:block}.artifact-document>span:nth-of-type(2){width:78%}.artifact-document>span:nth-of-type(3){width:58%}.artifact-document>span:nth-of-type(5){width:66%}.artifact-collage{height:7.5rem;margin-top:1.25rem;position:relative}.collage{top:var(--y);left:var(--x);width:var(--w);height:var(--w);border:1px solid color-mix(in oklch, var(--c) 55%, transparent);background:color-mix(in oklch, var(--c) 16%, var(--nb-card));color:var(--c);transform:rotate(var(--r));box-shadow:.5rem .5rem 0 color-mix(in oklch, var(--c) 18%, transparent);place-items:center;display:grid;position:absolute}.collage svg{width:62%;height:62%}.collage--image{--c:#6d6eff;--x:0%;--y:18%;--w:3.6rem;--r:-7deg;z-index:1}.collage--video{--c:#2dd4bf;--x:19%;--y:0%;--w:3.3rem;--r:6deg;z-index:2}.collage--puzzle{--c:#f5b342;--x:37%;--y:24%;--w:3.5rem;--r:-5deg;z-index:3}.collage--image.collage--alt{--c:#e05cff;--x:55%;--y:2%;--w:3.2rem;--r:8deg;z-index:4}.collage--video.collage--alt{--c:#ff7a59;--x:71%;--y:26%;--w:3.4rem;--r:-8deg;z-index:5}.collage--puzzle.collage--alt{--c:#4ade80;--x:84%;--y:4%;--w:2.9rem;--r:5deg;z-index:6}.artifact-inspector{border-left:1px solid var(--nb-border);background:var(--nb-background);flex-direction:column;min-width:0;display:flex}.artifact-inspector__people{border-bottom:1px solid var(--nb-border);flex:none;justify-content:space-between;align-items:center;gap:.75rem;height:3.5rem;padding-inline:.875rem;display:flex}.artifact-inspector__people b{color:var(--nb-foreground);align-items:center;gap:.375rem;font-size:.6875rem;font-weight:500;display:inline-flex}.artifact-inspector__people b span{background:var(--nb-selected);font-family:var(--nb-font-mono);padding-inline:.3rem;font-size:.5625rem}.avatar-stack{align-items:center;padding-left:3px;display:inline-flex}.avatar-stack>*{box-shadow:0 0 0 2px var(--nb-background);margin-left:-.375rem;position:relative}.avatar-stack>:first-child{margin-left:0}.avatar-stack>:nth-child(2){z-index:1}.avatar-stack>:nth-child(3){z-index:2}.avatar-stack .human-avatar{background:var(--nb-selected);color:var(--nb-foreground)}.avatar-stack .loop-presence{width:1.75rem;height:1.75rem}.human-avatar{background:var(--nb-muted);width:1.75rem;height:1.75rem;color:var(--nb-foreground);font-family:var(--nb-font-mono);letter-spacing:.04em;border-radius:50%;flex:none;place-items:center;font-size:.5625rem;font-style:normal;font-weight:600;display:inline-grid}.human-avatar--xs{vertical-align:middle;width:1.125rem;height:1.125rem;margin-right:.25rem;font-size:.4375rem}.artifact-inspector>article{border-bottom:1px solid var(--nb-border);padding:.875rem}.artifact-inspector article header{align-items:flex-start;gap:.5rem;display:flex}.artifact-inspector article header i{background:var(--nb-primary);width:1.25rem;height:1.25rem;color:var(--nb-primary-foreground);font-family:var(--nb-font-mono);flex:none;place-items:center;font-size:.5625rem;font-style:normal;display:grid}.artifact-inspector article header strong{font-size:.6875rem;line-height:1.35}.artifact-inspector article>p{color:var(--nb-muted-foreground);margin-top:.625rem;font-size:.625rem;line-height:1.45}.artifact-inspector article footer{color:var(--nb-muted-foreground);font-family:var(--nb-font-mono);justify-content:space-between;align-items:center;margin-top:.75rem;font-size:.5625rem;display:flex}.artifact-inspector article footer>span{align-items:center;display:inline-flex}.artifact-inspector article footer button{color:var(--nb-primary);font:inherit;background:0 0;border:0;padding:0}.artifact-inspector__send{border-top:1px solid var(--nb-border);background:var(--nb-card);margin-top:auto;padding:.75rem}.artifact-inspector__send button{border:1px solid var(--nb-primary);background:var(--nb-primary);width:100%;min-height:2.25rem;color:var(--nb-primary-foreground);font-size:.625rem;font-weight:600}.landing-principles,.landing-deploy{border-bottom:1px solid var(--nb-border);padding:clamp(4.5rem,8vw,7rem) clamp(1.5rem,4vw,4rem)}.landing-section-heading{grid-template-columns:minmax(11rem,.35fr) minmax(0,1fr);gap:2rem;display:grid}.landing-section-heading h2{letter-spacing:-.055em;max-width:17ch;font-size:clamp(2.4rem,5vw,4.75rem);font-weight:600;line-height:.98}.landing-section-lede{max-width:60ch;color:var(--nb-muted-foreground);font-size:1rem;line-height:1.65;margin-top:1.5rem!important}.landing-principle-grid,.landing-deploy__grid{border-top:1px solid var(--nb-border);border-left:1px solid var(--nb-border);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(3rem,6vw,5.5rem);display:grid}.landing-principle-grid article,.landing-deploy__grid article{border-right:1px solid var(--nb-border);border-bottom:1px solid var(--nb-border);background:color-mix(in oklch, var(--nb-background) 82%, transparent);flex-direction:column;min-height:22rem;padding:2rem;display:flex;position:relative}.landing-principle-grid article>span{color:var(--nb-muted-foreground);font-family:var(--nb-font-mono);font-size:.6875rem;position:absolute;top:1rem;right:1rem}.landing-principle-grid article>svg,.landing-deploy__grid article>svg{width:2rem;height:2rem;color:var(--nb-primary)}.landing-principle-grid h3,.landing-deploy__grid h3{letter-spacing:-.035em;max-width:13ch;margin-top:3.5rem;font-size:1.5rem;font-weight:600;line-height:1.05}.landing-principle-grid p,.landing-deploy__grid p{max-width:36ch;color:var(--nb-muted-foreground);margin-top:1rem;font-size:.875rem;line-height:1.6}.landing-principle-grid code,.landing-deploy__grid code{color:var(--nb-muted-foreground);font-family:var(--nb-font-mono);margin-top:auto;padding-top:2rem;font-size:.6875rem;display:block}.landing-cloudflare-artifacts{border-top:1px solid var(--nb-border);color:var(--nb-foreground);grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:1rem;text-decoration:none;display:grid}.landing-cloudflare-artifacts:hover strong{text-underline-offset:.18em;text-decoration:underline from-font}.landing-cloudflare-artifacts__mark{background:#f38020;width:2rem;height:1.6rem;mask:url(/partners/cloudflare.svg) 50%/contain no-repeat}.landing-cloudflare-artifacts__label{flex-direction:column;gap:.25rem;min-width:0;display:flex}.landing-cloudflare-artifacts__label small{color:var(--nb-muted-foreground);font-family:var(--nb-font-mono);text-transform:uppercase;font-size:.5625rem;font-style:normal;line-height:1.2}.landing-cloudflare-artifacts__label>span{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.landing-cloudflare-artifacts__label strong{font-size:.8125rem;font-weight:600;line-height:1.2}.landing-cloudflare-artifacts__label em{color:color-mix(in oklch, #f38020 78%, var(--nb-foreground));font-family:var(--nb-font-mono);text-transform:uppercase;background:oklch(71.6346% .17065 53.4464/.14);padding:.1875rem .35rem;font-size:.5625rem;font-style:normal;font-weight:600;line-height:1}.landing-cloudflare-artifacts>svg{width:.875rem;height:.875rem;color:var(--nb-muted-foreground)}.landing-loop{border-bottom:1px solid var(--nb-border);grid-template-columns:minmax(18rem,.95fr) minmax(24rem,1.05fr);align-items:center;gap:clamp(3rem,7vw,7rem);min-height:40rem;padding:clamp(4.5rem,8vw,7rem) clamp(1.5rem,4vw,4rem);display:grid}.landing-loop__copy h2{letter-spacing:-.055em;max-width:14ch;margin-top:1.5rem;font-size:clamp(2.5rem,4.3vw,4.4rem);font-weight:600;line-height:.98}.landing-loop__copy>p:not(.landing-eyebrow){max-width:48ch;color:var(--nb-muted-foreground);margin-top:1.5rem;line-height:1.65}.landing-loop__agents{flex-wrap:wrap;gap:.5rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}.landing-loop__agents li{border:1px solid var(--nb-border);background:var(--nb-card);color:var(--nb-muted-foreground);font-family:var(--nb-font-mono);align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .5rem;font-size:.6875rem;display:inline-flex}.landing-loop__agents img{object-fit:contain;width:1.125rem;height:1.125rem}.landing-agent-setup__marks img.agent-logo--opencode{width:.8rem;height:1rem}.landing-loop__agents img.agent-logo--opencode{width:.7rem;height:.875rem}.landing-shell .theme-dark,[data-mode=dark] .landing-shell .theme-light{display:none}[data-mode=dark] .landing-shell .theme-dark{display:block}.landing-loop__copy>a{color:var(--nb-primary);align-items:center;gap:.5rem;margin-top:1.75rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.landing-loop__copy>a svg{width:1rem}.loop-panel{border:1px solid var(--nb-border-strong);background:var(--nb-background);min-width:0;box-shadow:1.25rem 1.25rem 0 color-mix(in oklch, var(--nb-primary) 12%, transparent);pointer-events:none}.loop-panel>figcaption{border-bottom:1px solid var(--nb-border);height:3.25rem;color:var(--nb-muted-foreground);justify-content:space-between;align-items:center;gap:1rem;padding-inline:1rem;font-size:.75rem;display:flex}.loop-panel>figcaption b{color:var(--nb-foreground);align-items:center;gap:.375rem;font-weight:500;display:inline-flex}.loop-panel>figcaption b span{background:var(--nb-selected);font-family:var(--nb-font-mono);padding-inline:.3rem;font-size:.625rem}.loop-panel__presence{font-family:var(--nb-font-mono);align-items:center;gap:.5rem;font-size:.625rem;display:inline-flex}.loop-presence{background:var(--nb-card);border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;display:grid;position:relative}.loop-presence img{width:1.125rem;height:1.125rem}.loop-presence:before{border:2px solid var(--nb-primary);content:"";border-radius:50%;position:absolute;inset:-3px}.loop-presence--replying:before{border-right-color:#0000;animation:1.1s linear infinite loop-presence-spin}@keyframes loop-presence-spin{to{transform:rotate(360deg)}}.loop-panel__send{border-bottom:1px solid var(--nb-border);background:var(--nb-card);padding:.875rem 1rem;display:flex}.loop-panel__send button{border:1px solid var(--nb-primary);background:var(--nb-primary);min-height:2.5rem;color:var(--nb-primary-foreground);font-size:.75rem;font-weight:600}.loop-panel__send button:first-child{text-align:left;flex:1;padding-inline:1rem}.loop-panel__send button:last-child{border-left-color:color-mix(in oklch, var(--nb-primary-foreground) 30%, transparent);place-items:center;width:2.5rem;display:grid}.loop-panel__send button svg{width:.875rem}.loop-panel>article{border-bottom:1px solid var(--nb-border);padding:.875rem 1rem}.loop-panel>article:last-child{border-bottom:0}.loop-panel article header{align-items:flex-start;gap:.5rem;display:flex}.loop-panel article header i{background:var(--nb-primary);width:1.25rem;height:1.25rem;color:var(--nb-primary-foreground);font-family:var(--nb-font-mono);flex:none;place-items:center;font-size:.5625rem;font-style:normal;display:grid}.loop-panel article header strong{font-size:.75rem;line-height:1.35}.loop-panel article>p{color:var(--nb-muted-foreground);margin-top:.625rem;font-size:.6875rem;line-height:1.45}.loop-panel__reply{border-left:2px solid var(--nb-primary);background:var(--nb-muted);align-items:flex-start;gap:.5rem;padding:.625rem;display:flex}.loop-panel__reply img{flex:none;width:1rem;height:1rem}.loop-panel__open>p{font-family:var(--nb-font-mono);font-size:.625rem}.landing-deploy__grid article{min-height:18rem}.landing-deploy__grid h3{margin-top:2.5rem}.landing-deploy__cta{border:1px solid var(--nb-border);background:var(--nb-card);justify-content:space-between;align-items:center;gap:2rem;margin-top:1.5rem;padding:1.5rem;display:flex}.landing-deploy__cta span{font-weight:600}.landing-deploy__cta p{color:var(--nb-muted-foreground);margin-top:.25rem;font-size:.875rem}.landing-close{text-align:center;background-color:var(--nb-card);background-image:radial-gradient(color-mix(in oklch, var(--nb-primary) 35%, transparent) 1px, transparent 1px);background-size:1.25rem 1.25rem;align-content:center;place-items:center;min-height:36rem;padding:4rem 1.5rem;display:grid}.landing-close>svg{width:3.5rem;height:3.5rem;color:var(--nb-primary)}.landing-close>p{color:var(--nb-muted-foreground);font-family:var(--nb-font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:2rem;font-size:.75rem}.landing-close h2{letter-spacing:-.07em;margin-top:.75rem;font-size:clamp(3.75rem,8vw,8rem);font-weight:600;line-height:.9}.landing-close .landing-actions{justify-content:center}.landing-badges{flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;margin-top:4rem;display:flex}.landing-badges a{flex:0 24.7rem;min-width:0;display:block}.landing-badges img{width:100%;height:auto;display:block}@media (width<=68rem){.landing-hero{grid-template-columns:1fr;min-height:auto;padding-block:5rem}.landing-hero__copy{max-width:44rem}.artifact-window{width:100%}.landing-loop{grid-template-columns:1fr}.landing-loop__copy{max-width:45rem}}@media (width<=50rem){.landing-hero,.landing-principles,.landing-loop,.landing-deploy,.landing-close{border-inline:0}.artifact-window{height:32rem}.artifact-window__body{grid-template-columns:minmax(16rem,1.4fr) minmax(10rem,.8fr)}.landing-section-heading,.landing-principle-grid,.landing-deploy__grid{grid-template-columns:1fr}.landing-principle-grid article,.landing-deploy__grid article{min-height:16rem}.landing-deploy__cta{flex-direction:column;align-items:flex-start}.landing-shapes{display:none}}@media (width<=35rem){.landing-hero{padding-top:3.5rem}.landing-hero h1{font-size:clamp(2.4rem,11.5vw,3.6rem)}.landing-agent-setup{width:100%}.landing-copy-prompt{grid-template-columns:minmax(0,1fr) auto;justify-items:start;gap:.625rem;padding-inline:.625rem;display:grid}.landing-agent-setup__marks{grid-area:1/1;gap:.25rem}.landing-agent-setup__marks>span{flex:none;width:1rem;height:1rem}.landing-copy-prompt__label{text-align:end;grid-area:2/1;justify-self:end;min-width:auto;font-size:.8125rem}.landing-copy-prompt__icon{grid-area:2/2;width:.875rem;height:.875rem}.artifact-window{display:none}.loop-panel{box-shadow:.75rem .75rem 0 color-mix(in oklch, var(--nb-primary) 12%, transparent)}}@media (prefers-reduced-motion:reduce){.landing-button{transition:none}.landing-shape{animation:none}.loop-presence--replying:before{border-right-color:var(--nb-primary);animation:none}}