#pricing{margin-top:4rem}[data-plan-tags]{text-align:left;grid-template-columns:minmax(0,1fr);gap:1rem;width:100%;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}[data-plan-tags] li>div{background:var(--card);height:100%;color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-panel);align-content:start;gap:.25rem;padding:1.25rem;display:grid}[data-plan-tags] li[data-available]>div{border-color:var(--primary)}[data-plan-tags] i{display:none}[data-plan-tags] b{font-weight:600}[data-plan-tags] strong{letter-spacing:-.02em;font-size:2rem;line-height:1.1}[data-plan-tags] small{color:var(--muted-foreground);font-size:.8125rem}[data-plan-tags] p{color:var(--muted-foreground);margin:.5rem 0 0;font-size:.875rem;line-height:1.45}[data-plan-tags] [data-tag-badge]{border-radius:var(--radius-pill);background:var(--primary);color:var(--primary-foreground);justify-self:start;margin-top:.75rem;padding:.125rem .625rem;font-size:.75rem;font-weight:600}@media (min-width:40rem){[data-plan-tags]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){[data-plan-tags]{grid-template-columns:repeat(4,minmax(0,1fr))}}
[data-reveal]{transition:opacity var(--duration-slow) var(--ease-standard), transform var(--duration-slow) var(--ease-standard)}[data-reveal=pending]{opacity:0;transform:translateY(8px)}@media (prefers-reduced-motion:reduce){[data-reveal],[data-reveal=pending]{opacity:1;transition:none;transform:none}}[data-testid=landing-stage] [data-step]{transition:opacity .5s var(--ease-standard), transform .5s var(--ease-standard)}[data-testid=landing-stage]:is([data-phase="0"],[data-phase="1"],[data-phase="2"]) [data-step="3"],[data-testid=landing-stage]:is([data-phase="0"],[data-phase="1"]) [data-step="2"],[data-testid=landing-stage][data-phase="0"] [data-step="1"]{opacity:0}[data-testid=landing-stage]:is([data-phase="0"],[data-phase="1"]) [data-step="2"],[data-testid=landing-stage][data-phase="0"] [data-step="1"]{transform:translateY(.25rem)}
:root:not([data-design-system]) [data-landing=banh-mi]{--kl-ink:var(--ol);--kl-wide:min(100% - 2rem, 77.5rem);overflow-x:clip}:root:not([data-design-system]) [data-landing=banh-mi] .font-serif{font-family:var(--font-hand);font-weight:700}:root:not([data-design-system]) [data-landing=banh-mi] :is(h1,h2){letter-spacing:-.015em;font-weight:700}:root:not([data-design-system]) [data-landing=banh-mi] [data-hero]{width:var(--kl-wide);grid-template-columns:minmax(0,1fr);column-gap:2.5rem;margin-inline:auto;padding-inline:0;display:grid}:root:not([data-design-system]) [data-landing=banh-mi] [data-hero-copy]{text-align:left;align-items:flex-start;max-width:none;margin:0}:root:not([data-design-system]) [data-landing=banh-mi] [data-hero-copy] h1{max-width:11ch;font-size:clamp(3.25rem,7.4vw,5.125rem);line-height:.98}:root:not([data-design-system]) [data-landing=banh-mi] [data-hero-copy] h1 span{color:inherit;background:linear-gradient(transparent 62%, var(--primary) 62%, var(--primary) 90%, transparent 90%);padding:0 .25rem}:root:not([data-design-system]) [data-landing=banh-mi] [data-hero-copy]>div{justify-content:flex-start}:root:not([data-design-system]) [data-landing=banh-mi] [data-hero-copy] p{text-wrap:pretty;max-width:30rem}:root:not([data-design-system]) [data-landing=banh-mi] #agents{border:2.5px solid var(--kl-ink);background:var(--card);max-width:34rem;box-shadow:0 3px 0 var(--kl-ink);border-radius:.875rem;margin-inline:0}:root:not([data-design-system]) [data-landing=banh-mi] #agents small{border:1.5px solid var(--kl-ink);background:var(--kind-mindmap);color:var(--ink-on-fill);font-weight:700}:root:not([data-design-system]) [data-landing=banh-mi] #agents button:hover{background:var(--kind-flowchart);color:var(--ink-on-fill)}:root:not([data-design-system]) [data-landing=banh-mi] [data-hero-pile]{height:33.75rem;display:none;position:relative}:root:not([data-design-system]) [data-landing=banh-mi] .kl-card{border:2.5px solid var(--kl-ink);background:var(--card);box-shadow:6px 6px 0 var(--kl-ink);border-radius:1.125rem;padding:.5rem;position:absolute;overflow:hidden}:root:not([data-design-system]) [data-landing=banh-mi] [data-pile=mind]{background:var(--kind-mindmap);width:15.625rem;top:.625rem;left:0;transform:rotate(-6deg)}:root:not([data-design-system]) [data-landing=banh-mi] [data-pile=wire]{background:var(--kind-wireframe);width:14.375rem;top:0;right:0;transform:rotate(5deg)}:root:not([data-design-system]) [data-landing=banh-mi] [data-pile=flow]{height:21.25rem;padding:.75rem;top:9.375rem;left:2.5rem;right:1.875rem;transform:rotate(-1.5deg)}:root:not([data-design-system]) [data-landing=banh-mi] .kl-key{border:2.5px solid var(--kl-ink);background:var(--card);box-shadow:var(--press);border-radius:.875rem;margin:0;padding:.625rem .875rem;font-weight:700;position:absolute;bottom:4.375rem;left:-1rem;transform:rotate(-4deg)}:root:not([data-design-system]) [data-landing=banh-mi] .kl-key kbd{border:1.5px solid var(--kl-ink);font:700 .8125rem var(--font-mono);border-radius:.375rem;margin-right:.375rem;padding:.0625rem .4375rem}:root:not([data-design-system]) [data-landing=banh-mi] [data-classic-band]{border-block:3px solid var(--kl-ink);background:var(--landing-band-ink);width:104%;color:var(--landing-band-paper);margin:2.75rem 0 2.75rem -2%;display:block;overflow:hidden;transform:rotate(-1.2deg)}:root:not([data-design-system]) [data-landing=banh-mi] [data-classic-band]>div{height:5.25rem;font:700 2rem var(--font-hand);white-space:nowrap;align-items:center;gap:1.75rem;padding-left:2.5rem;display:flex}:root:not([data-design-system]) [data-landing=banh-mi] [data-classic-band] span{align-items:center;gap:.75rem;display:flex}:root:not([data-design-system]) [data-landing=banh-mi] [data-classic-band] i{color:var(--landing-band-sun);font-style:normal}:root:not([data-design-system]) [data-landing=banh-mi] #versions{margin-top:5.5rem}:root:not([data-design-system]) [data-landing=banh-mi] #versions>div{width:var(--kl-wide);grid-template-columns:minmax(0,1fr);gap:2rem;max-width:none;display:grid}:root:not([data-design-system]) [data-landing=banh-mi] #versions>div>div:first-child p:first-child{border:2px solid var(--kl-ink);background:var(--card);color:var(--foreground);font-weight:700}:root:not([data-design-system]) [data-landing=banh-mi] #versions>div>div:first-child p:first-child span{background:var(--primary);color:var(--primary-foreground)}:root:not([data-design-system]) [data-landing=banh-mi] #versions ul{gap:1.125rem}:root:not([data-design-system]) [data-landing=banh-mi] #versions li:nth-child(odd) button{--r:-1deg}:root:not([data-design-system]) [data-landing=banh-mi] #versions li:nth-child(2n) button{--r:.8deg}:root:not([data-design-system]) [data-landing=banh-mi] #versions button{border:2px solid var(--kl-ink);background:var(--card);box-shadow:0 2px 0 var(--kl-ink);transform:rotate(var(--r,0deg));border-radius:.875rem}:root:not([data-design-system]) [data-landing=banh-mi] #versions button:hover{box-shadow:0 4px 0 var(--kl-ink);border-color:var(--kl-ink)}:root:not([data-design-system]) [data-landing=banh-mi] #versions button[aria-pressed=true]{background:var(--kind-flowchart);color:var(--ink-on-fill);box-shadow:0 2px 0 var(--kl-ink), 0 0 0 4px color-mix(in oklab, var(--primary) 50%, transparent);--tw-ring-shadow:0 0 transparent}:root:not([data-design-system]) [data-landing=banh-mi] #versions button[aria-pressed=true] :is(span,.text-muted-foreground){color:var(--ink-on-fill)}:root:not([data-design-system]) [data-landing=banh-mi] #versions button>span:last-child{border-top:0;padding:.5rem .625rem .75rem}:root:not([data-design-system]) [data-landing=banh-mi] #boards{margin-top:4.5rem}:root:not([data-design-system]) [data-landing=banh-mi] #boards>ul{counter-reset:kl;width:var(--kl-wide);gap:2.25rem;max-width:none}:root:not([data-design-system]) [data-landing=banh-mi] #boards li{counter-increment:kl;box-shadow:4px 4px 0 var(--kl-ink);border-radius:1.25rem;position:relative}:root:not([data-design-system]) [data-landing=banh-mi] #boards li:nth-child(odd){transform:rotate(-.6deg)}:root:not([data-design-system]) [data-landing=banh-mi] #boards li:nth-child(2n){transform:rotate(.5deg)}:root:not([data-design-system]) [data-landing=banh-mi] #boards li:before{content:counter(kl);z-index:1;border:2.5px solid var(--kl-ink);background:var(--primary);width:2.875rem;height:2.875rem;color:var(--primary-foreground);font:700 1.5rem var(--font-mono);box-shadow:0 2px 0 var(--kl-ink);border-radius:.75rem;place-items:center;display:grid;position:absolute;top:-1.125rem;left:-.875rem}:root:not([data-design-system]) [data-landing=banh-mi] #boards li>div:first-child{border:2.5px solid var(--kl-ink);border-radius:.75rem;margin:.75rem}:root:not([data-design-system]) [data-landing=banh-mi] #boards li>div[data-tone=whiteboard]{background:var(--kind-whiteboard)}:root:not([data-design-system]) [data-landing=banh-mi] #boards li>div[data-tone=mindmap]{background:var(--kind-mindmap)}:root:not([data-design-system]) [data-landing=banh-mi] #boards li>div[data-tone=flowchart]{background:var(--kind-flowchart)}:root:not([data-design-system]) [data-landing=banh-mi] #boards h2{font-size:1.625rem;line-height:1.1}:root:not([data-design-system]) [data-landing=banh-mi] #pricing{margin-top:6rem}:root:not([data-design-system]) [data-landing=banh-mi] #pricing>div{width:var(--kl-wide);gap:.75rem;max-width:none}:root:not([data-design-system]) [data-landing=banh-mi] #pricing h2{font-size:clamp(2.5rem,5.4vw,4rem)}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags]{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem;width:100%;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] li{--r:-2deg;transform:rotate(var(--r));filter:drop-shadow(2px 0 0 var(--kl-ink)) drop-shadow(-2px 0 0 var(--kl-ink)) drop-shadow(0 2px 0 var(--kl-ink)) drop-shadow(0 -2px 0 var(--kl-ink)) drop-shadow(5px 5px 0 var(--kl-ink));position:relative}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] li:nth-child(2n){--r:1.5deg}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] li:nth-child(3n){--r:-1deg}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] li>div{background:var(--card);height:100%;min-height:15.625rem;color:var(--foreground);clip-path:polygon(22% 0,78% 0,100% 16%,100% 100%,0 100%,0 16%);border:0;border-radius:.375rem .375rem .875rem .875rem;align-content:start;gap:.125rem;padding:2.75rem 1.5rem 1.5rem;display:grid;position:relative}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] li[data-available]>div{background:var(--kind-flowchart);color:var(--ink-on-fill)}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] i{border:2.5px solid var(--kl-ink);background:var(--background);border-radius:50%;width:.875rem;height:.875rem;margin-left:-.4375rem;display:block;position:absolute;top:1rem;left:50%}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] b{font:700 20px var(--font-hand);margin-top:.5rem}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] strong{letter-spacing:-.03em;font-size:2.75rem;line-height:1.1}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] small{color:var(--muted-foreground);font-size:.8125rem}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] p{color:var(--muted-foreground);margin:.75rem 0 0;font-size:.875rem;line-height:1.45}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] li[data-available] :is(small,p){color:color-mix(in oklab, var(--ink-on-fill) 78%, transparent)}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] [data-tag-badge]{background:var(--landing-band-ink);color:var(--landing-band-paper);font:700 .75rem var(--font-sans);border-radius:999px;justify-self:start;margin-top:.75rem;padding:.25rem .5rem;font-style:normal}:root:not([data-design-system]) [data-landing=banh-mi] section[aria-labelledby=cta-heading]>div{border:2.5px solid var(--kl-ink);background:var(--kind-flowchart);color:var(--ink-on-fill);box-shadow:8px 8px 0 var(--kl-ink);width:var(--kl-wide);border-radius:1.5rem;max-width:none}:root:not([data-design-system]) [data-landing=banh-mi] section[aria-labelledby=cta-heading] h2{max-width:none}:root:not([data-design-system]) [data-landing=banh-mi] section[aria-labelledby=cta-heading]>div{padding-block:4rem}:root:not([data-design-system]) [data-landing=banh-mi] section[aria-labelledby=cta-heading] a{border:1.5px solid var(--kl-ink);background:var(--card);color:var(--foreground);box-shadow:0 2px 0 var(--kl-ink);border-radius:.75rem}.dark:not([data-design-system]) [data-landing=banh-mi] [data-classic-band]{background:var(--landing-band-sun);color:var(--landing-band-ink)}.dark:not([data-design-system]) [data-landing=banh-mi] [data-classic-band] i{color:var(--landing-band-ink)}@media (max-width:39.99rem){:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags]{gap:1.25rem}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] li>div{padding:2.5rem 1rem 1.25rem}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] b{font-size:1.125rem;line-height:1.15}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] strong{font-size:2rem}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] small{font-size:.75rem;line-height:1.3}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags] p{overflow-wrap:anywhere;font-size:.8125rem;line-height:1.35}}@media (min-width:40rem){:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){:root:not([data-design-system]) [data-landing=banh-mi] [data-hero]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}:root:not([data-design-system]) [data-landing=banh-mi] [data-hero-copy]{grid-area:1/1}:root:not([data-design-system]) [data-landing=banh-mi] [data-hero-pile]{grid-area:1/2;display:block}:root:not([data-design-system]) [data-landing=banh-mi] #versions>div{grid-template-columns:26rem minmax(0,1fr);align-items:center;gap:3rem}:root:not([data-design-system]) [data-landing=banh-mi] [data-plan-tags]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:47.99rem){:root:not([data-design-system]) [data-landing=banh-mi] [data-classic-band]{display:none}}