.meet-klex{margin:0 0 1.5rem;font-size:1.125rem;font-weight:500}h1{letter-spacing:-.04em;font-size:clamp(3.25rem,7.5vw,6rem)}.content-section{border-bottom:1px solid var(--border);width:min(100%,62.5rem);padding:6rem 0}.content-section h2{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,4vw,3.5rem);font-weight:500;line-height:1.12}.content-section p{line-height:1.7}.positioning{text-align:center;padding-block:8rem}.positioning h2{max-width:55rem;color:var(--muted-foreground);margin-inline:auto}.positioning h2 span{color:var(--foreground)}.positioning>p{max-width:42rem;color:var(--muted-foreground);margin:2rem auto 0;font-size:1.125rem}.capabilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem,5vw,4.5rem);width:min(100%,72rem);padding-block:8rem;display:grid}.capabilities>article{padding-block:1rem 11rem;position:relative}.capabilities>article:is(:first-child,:nth-child(3)){padding-block:11rem 1rem}.capability-collaboration{aspect-ratio:3/2;pointer-events:none;width:min(100%,15rem);position:absolute;bottom:0;left:0}.collaboration-bot{width:42%;position:absolute}.collaboration-bot .klex-mascot{width:100%;height:auto}.collaboration-bot-top{top:-5%;left:29%}.collaboration-bot-left{bottom:0;left:0;transform:rotate(12deg)}.collaboration-bot-right{bottom:0;right:0;transform:rotate(-12deg)}.collaboration-chatter{color:var(--muted-foreground);gap:3px;display:flex;position:absolute;top:52%;left:44%}.collaboration-chatter i{background:currentColor;border-radius:50%;width:3px;height:3px}.collaboration-chatter i:nth-child(2){transform:translateY(-2px)}.containment-bot{width:46%;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.containment-bot .klex-mascot,.containment-cage{width:100%;height:auto;display:block}.containment-cage{position:absolute;inset:0;overflow:visible}.cage-bar,.cage-rail,.cage-shackle{stroke:oklch(60% .015 255)}.cage-rail-fill{fill:oklch(52% .015 255)}.cage-lock{fill:oklch(82% .11 85)}.cage-keyhole{fill:oklch(42% .04 70)}.capability-illustration{--capability-tilt:-5deg;width:9rem;max-width:calc(100% - 1.5rem);transform:rotate(var(--capability-tilt));pointer-events:none;animation:8s ease-in-out infinite paused capability-drift;position:absolute;bottom:.75rem;left:.75rem}.capabilities[data-floating] .capability-illustration{animation-play-state:running}[data-capability-bot=Harry],[data-capability-bot=Momo]{top:.5rem;bottom:auto}[data-capability-bot=Momo]{--capability-tilt:-3deg;animation-duration:10s;animation-delay:-6s;left:auto;right:.75rem}@keyframes capability-drift{0%,to{transform:translate(0, 0) rotate(var(--capability-tilt))}50%{transform:translate(2px, -5px) rotate(calc(var(--capability-tilt) + 1deg))}}.capability-illustration .klex-mascot{width:100%;height:auto}.capability-illustration [data-travel]{transform-box:fill-box;transform-origin:50% 100%}[data-capability-bot=Momo] [data-travel]{transform:translateY(-4px)rotate(8deg)}.capabilities h2{text-wrap:pretty;font-size:1.65rem;line-height:1.2}.capabilities p{color:var(--muted-foreground);margin:1.5rem 0 0}.capability-nouns-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.capability-noun{vertical-align:bottom;white-space:nowrap;height:1.2em;display:inline-grid;position:relative;overflow:hidden}.capability-noun-size{visibility:hidden;grid-area:1/1}.capability-noun-reel{position:absolute;inset:0 0 auto}.capability-noun-reel>:where(span){height:1.2em;display:block}.company-stories{width:min(100%,72rem)}.company-stories h2{text-align:center;margin:0 auto 2.5rem}.company-panel{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);align-items:center;gap:2.5rem;display:grid}.company-media{background:var(--muted);border-radius:12px;overflow:hidden}.company-media img{object-fit:contain;width:100%;height:auto;display:block}.company-copy{min-width:0}.company-copy p{margin:0 0 1.5rem}.company-copy p:last-child{margin-bottom:0}.guides h2{max-width:44rem}.guides ul{justify-items:start;gap:1.125rem;margin:2rem 0 0;padding:0;font-size:1.125rem;line-height:1.5;list-style:none;display:grid}.guides a{color:var(--muted-foreground);cursor:pointer;align-items:baseline;gap:.5rem;text-decoration:none;transition:color .15s ease-out;display:inline-flex}.guides a:after{content:"→" / "";transition:transform .15s ease-out}.guides a:hover,.guides a:focus-visible{color:var(--foreground)}.guides a:hover:after,.guides a:focus-visible:after{transform:translate(.25rem)}.faq{border-bottom:none}.faq-items{gap:.25rem;margin:2rem -1rem 0;display:grid}.faq-items summary{border-radius:var(--radius-lg);color:var(--muted-foreground);cursor:pointer;overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:1.125rem;font-weight:400;line-height:1.5;list-style:none;transition:color .15s ease-out;display:flex}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:.5rem;height:.5rem;margin-right:.25rem;transition:transform .15s ease-out;transform:translateY(-25%)rotate(45deg)}.faq-items details[open]>summary:after{transform:translateY(25%)rotate(-135deg)}.faq-items details[open]>summary,.faq-items summary:hover{color:var(--foreground)}.faq-items summary:focus-visible{color:var(--foreground);outline:3px solid color-mix(in oklab, var(--ring) 50%, transparent);outline-offset:0}.faq-items p{max-width:70ch;color:var(--muted-foreground);overflow-wrap:anywhere;margin:0;padding:0 1rem 1rem}@media (width>=681px){.capabilities-reversed>article:is(:first-child,:nth-child(3)){padding-block:1rem 11rem}.capabilities-reversed>article:nth-child(2){padding-block:11rem 1rem}.capabilities-reversed .capability-illustration{top:auto;bottom:.75rem}.capabilities-reversed .capability-collaboration{top:0;bottom:auto}}@media (width<=900px){.company-panel{grid-template-columns:minmax(0,1fr);gap:2rem}}@media (width<=680px){.content-section{padding-block:3.5rem}.capabilities{grid-template-columns:1fr;gap:3.5rem;padding-block:5rem}.capabilities>article,.capabilities>article:is(:first-child,:nth-child(3)){flex-direction:column;padding-block:0;display:flex}.capabilities .capability-illustration{flex:none;margin:.5rem .75rem 1.5rem;position:static}.capability-collaboration{flex:none;margin-block:1.5rem .5rem;position:relative}[data-capability-bot=Momo]{align-self:flex-end}.capabilities-reversed .capability-illustration{margin-block:1.5rem .5rem}.capabilities-reversed .capability-collaboration{margin-block:.5rem 1.5rem}.site-nav{gap:.75rem}.site-header .klex-logo{width:5rem}.site-header .cloud-login{padding-inline:.65rem;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.capability-illustration{animation:none}*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--H:265;--H-primary:265;--H-base:85;--primary-chroma-scale:1;--H-brand:265;--brand-chroma-scale:1;--base-chroma-scale:1}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Geist Variable", ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:ui-monospace, "SF Mono", "Cascadia Code", monospace;--H:265;--H-primary:var(--H);--H-base:85;--primary-chroma-scale:1;--base-chroma-scale:1;--H-brand:265;--brand-chroma-scale:1;--H-green:152;--H-red:28;--H-blue:220;--H-yellow:80;--color-primary-400:oklch(.62 calc(.23 * var(--primary-chroma-scale)) var(--H-primary));--color-primary-500:oklch(.5455 calc(.25 * var(--primary-chroma-scale)) var(--H-primary));--color-primary-700:oklch(.43 calc(.18 * var(--primary-chroma-scale)) var(--H-primary));--color-brand-400:oklch(.62 calc(.23 * var(--brand-chroma-scale)) var(--H-brand));--color-brand-500:oklch(.5455 calc(.25 * var(--brand-chroma-scale)) var(--H-brand));--color-base-50:oklch(.992 calc(.001 * var(--base-chroma-scale)) var(--H-base));--color-base-100:oklch(.96 calc(.0015 * var(--base-chroma-scale)) var(--H-base));--color-base-150:oklch(.92 calc(.002 * var(--base-chroma-scale)) var(--H-base));--color-base-200:oklch(.88 calc(.0024 * var(--base-chroma-scale)) var(--H-base));--color-base-350:oklch(.665 calc(.0034 * var(--base-chroma-scale)) var(--H-base));--color-base-450:oklch(.525 calc(.004 * var(--base-chroma-scale)) var(--H-base));--color-base-500:oklch(.46 calc(.0045 * var(--base-chroma-scale)) var(--H-base));--color-base-550:oklch(.4 calc(.004 * var(--base-chroma-scale)) var(--H-base));--color-base-600:oklch(.34 calc(.0025 * var(--base-chroma-scale)) var(--H-base));--color-base-700:oklch(.295 calc(.0015 * var(--base-chroma-scale)) var(--H-base));--color-base-800:oklch(.234 calc(.001 * var(--base-chroma-scale)) var(--H-base));--color-base-900:oklch(.198 calc(.0005 * var(--base-chroma-scale)) var(--H-base));--color-success-foreground-light:oklch(.6 .172 var(--H-green));--color-success-solid-light:oklch(from var(--color-success-foreground-light) .58 calc(c * 1.415) h);--color-success-background-dark:oklch(.32 .06 var(--H-green));--color-success-foreground-dark:oklch(.82 .115 var(--H-green));--color-success-solid-dark:oklch(from var(--color-success-foreground-dark) .54 calc(c * 1.32) h);--color-error-foreground-light:oklch(.6 .172 var(--H-red));--color-error-solid-light:oklch(from var(--color-error-foreground-light) .58 calc(c * 1.415) h);--color-error-background-dark:oklch(.32 .07 var(--H-red));--color-error-foreground-dark:oklch(.8 .115 var(--H-red));--color-error-solid-dark:oklch(from var(--color-error-foreground-dark) .54 calc(c * 1.32) h);--color-warning-foreground-light:oklch(.62 .169 var(--H-yellow));--color-warning-solid-light:oklch(from var(--color-warning-foreground-light) .78 calc(c * 1.115) h);--color-warning-background-dark:oklch(.45 .068 var(--H-yellow));--color-warning-foreground-dark:oklch(.85 .112 var(--H-yellow));--color-warning-solid-dark:oklch(from var(--color-warning-foreground-dark) .54 calc(c * 1.22) h);--color-info-foreground-light:oklch(.6 .172 var(--H-blue));--color-info-solid-light:oklch(from var(--color-info-foreground-light) .58 calc(c * 1.415) h);--color-info-background-dark:oklch(.32 .06 var(--H-blue));--color-info-foreground-dark:oklch(.82 .115 var(--H-blue));--color-info-solid-dark:oklch(from var(--color-info-foreground-dark) .54 calc(c * 1.32) h);--color-background:var(--background);--color-foreground:var(--foreground);--color-muted-foreground:var(--muted-foreground);--color-surface-1:var(--color-base-100);--color-border:var(--border);--color-primary-solid:var(--color-primary-500);--color-solid-foreground:var(--color-base-50);--color-success-solid:var(--color-success-solid-light);--color-error-solid:var(--color-error-solid-light);--color-warning-solid:var(--color-warning-solid-light);--color-info-solid:var(--color-info-solid-light)}}@layer base{@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:oklch(from var(--cm-bg-color,var(--color-border)) calc(l + var(--border-derived-subtle-l)) calc(c + var(--border-derived-subtle-c)) h);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:focus-visible{outline:2px solid var(--color-primary-solid);outline-offset:0px}:where(button,a,[data-checked],[data-unchecked]):focus-visible,:where(button,a,[data-checked],[data-unchecked]):focus-visible *{transition-duration:0s!important;animation-duration:0s!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\!paused{animation-play-state:paused!important}.paused{animation-play-state:paused}.running{animation-play-state:running}.\[data-happy\]\:transform:is(data-happy),.\[data-pencil\]\:transform:is(data-pencil),.\[data-travel\]\:transform:is(data-travel){transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Geist Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-variable-Bj2R_7yk.woff2)format("woff2")}@font-face{font-family:Geist Variable;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/geist-variable-italic-B73BBqMU.woff2)format("woff2")}@property --H{syntax:"<number>";inherits:true;initial-value:265}@property --H-primary{syntax:"<number>";inherits:true;initial-value:265}@property --H-base{syntax:"<number>";inherits:true;initial-value:85}@property --primary-chroma-scale{syntax:"<number>";inherits:true;initial-value:1}@property --H-brand{syntax:"<number>";inherits:true;initial-value:265}@property --brand-chroma-scale{syntax:"<number>";inherits:true;initial-value:1}@property --base-chroma-scale{syntax:"<number>";inherits:true;initial-value:1}:root.dark{--color-app-background:var(--color-base-800);--color-background:var(--color-base-800);--color-foreground:var(--color-base-200);--color-muted-foreground:var(--color-base-350);--color-subtle-foreground:var(--color-base-450);--color-primary-foreground:var(--color-primary-400);--color-primary-solid:var(--color-primary-500);--color-brand-foreground:var(--color-brand-400);--color-brand-solid:var(--color-brand-500);--color-surface-1:var(--color-base-700);--color-surface-2:var(--color-base-600);--color-surface-3:var(--color-base-550);--color-solid-foreground:var(--color-base-50);--color-surface-tinted:color-mix(in srgb, oklch(.43 calc(.18 * var(--primary-chroma-scale)) var(--H-primary)) 30%, oklch(29.5% 0 none))}@supports (color:color-mix(in lab, red, red)){:root.dark{--color-surface-tinted:color-mix(in oklch, var(--color-primary-700) 30%, oklch(29.5% 0 none))}}:root.dark{--color-border:var(--color-base-600);--color-border-subtle:var(--color-base-700);--color-success-foreground:var(--color-success-foreground-dark);--color-success-background:var(--color-success-background-dark);--color-success-solid:var(--color-success-solid-dark);--color-error-foreground:var(--color-error-foreground-dark);--color-error-background:var(--color-error-background-dark);--color-error-solid:var(--color-error-solid-dark);--color-warning-foreground:var(--color-warning-foreground-dark);--color-warning-background:var(--color-warning-background-dark);--color-warning-solid:var(--color-warning-solid-dark);--color-info-foreground:var(--color-info-foreground-dark);--color-info-background:var(--color-info-background-dark);--color-info-solid:var(--color-info-solid-dark)}:root{--hover-text-derived-l:-.09;--hover-text-derived-c:-.01;--text-derived-lighter-subtle-l:.06;--text-derived-lighter-subtle-c:.011;--text-derived-lighter-l:.09;--text-derived-lighter-c:.014;--active-text-derived-l:-.011;--active-text-derived-c:-.001;--hover-derived-l:-.03;--hover-derived-c:-.003;--active-derived-l:-.05;--active-derived-c:-.005;--shortcut-solid-derived-l:.06;--shortcut-solid-derived-c:.011;--shortcut-solid-hover-derived-l:.03;--shortcut-solid-hover-derived-c:.008;--shortcut-solid-active-derived-l:.01;--shortcut-solid-active-derived-c:.006;--border-derived-subtle-l:-.02;--border-derived-subtle-c:-.003;--border-derived-l:-.04;--border-derived-c:-.007;--border-derived-strong-l:-.06;--border-derived-strong-c:-.01}:root.dark{--hover-text-derived-l:.09;--hover-text-derived-c:.01;--active-text-derived-l:.007;--active-text-derived-c:.001;--hover-derived-l:.031;--hover-derived-c:.001;--active-derived-l:.07;--active-derived-c:.001;--shortcut-solid-derived-l:-.06;--shortcut-solid-derived-c:-.011;--shortcut-solid-hover-derived-l:-.03;--shortcut-solid-hover-derived-c:-.008;--shortcut-solid-active-derived-l:.01;--shortcut-solid-active-derived-c:-.006;--border-derived-subtle-l:.09;--border-derived-subtle-c:.014;--border-derived-l:.12;--border-derived-c:.018;--border-derived-strong-l:.15;--border-derived-strong-c:.022}:root{--background:var(--color-base-50);--foreground:var(--color-base-900);--card:var(--color-base-50);--card-foreground:var(--color-base-900);--popover:var(--color-base-50);--popover-foreground:var(--color-base-900);--primary:var(--color-primary-solid);--primary-foreground:var(--color-solid-foreground);--secondary:var(--color-base-150);--secondary-foreground:var(--color-base-900);--muted:var(--color-base-100);--muted-foreground:var(--color-base-500);--accent:var(--color-base-100);--accent-foreground:var(--color-base-900);--destructive:var(--color-error-solid);--destructive-foreground:var(--color-base-50);--border:var(--color-base-200);--input:var(--color-base-200);--ring:var(--color-primary-solid);--chart-1:var(--color-primary-400);--chart-2:var(--color-success-solid);--chart-3:var(--color-info-solid);--chart-4:var(--color-warning-solid);--chart-5:var(--color-error-solid);--sidebar:var(--color-base-100);--sidebar-foreground:var(--color-base-900);--sidebar-primary:var(--color-primary-solid);--sidebar-primary-foreground:var(--color-solid-foreground);--sidebar-accent:var(--color-base-150);--sidebar-accent-foreground:var(--color-base-900);--sidebar-border:var(--color-base-200);--sidebar-ring:var(--color-primary-solid);--radius:.625rem}:root.dark{--background:var(--color-base-800);--foreground:var(--color-base-200);--card:var(--color-base-800);--card-foreground:var(--color-base-200);--popover:var(--color-base-800);--popover-foreground:var(--color-base-200);--primary:var(--color-primary-solid);--primary-foreground:var(--color-solid-foreground);--secondary:var(--color-base-600);--secondary-foreground:var(--color-base-200);--muted:var(--color-base-600);--muted-foreground:var(--color-base-350);--accent:var(--color-base-600);--accent-foreground:var(--color-base-200);--destructive:var(--color-error-solid);--destructive-foreground:var(--color-base-50);--border:var(--color-base-600);--input:var(--color-base-600);--ring:var(--color-primary-solid);--chart-1:var(--color-primary-400);--chart-2:var(--color-success-solid);--chart-3:var(--color-info-solid);--chart-4:var(--color-warning-solid);--chart-5:var(--color-error-solid);--sidebar:var(--color-base-700);--sidebar-foreground:var(--color-base-200);--sidebar-primary:var(--color-primary-solid);--sidebar-primary-foreground:var(--color-solid-foreground);--sidebar-accent:color-mix(in srgb, oklch(.295 calc(.0015 * var(--base-chroma-scale)) var(--H-base)) 60%, oklch(.34 calc(.0025 * var(--base-chroma-scale)) var(--H-base)))}@supports (color:color-mix(in lab, red, red)){:root.dark{--sidebar-accent:color-mix(in oklab, var(--color-base-700) 60%, var(--color-base-600))}}:root.dark{--sidebar-accent-foreground:var(--color-base-200);--sidebar-border:var(--color-border);--sidebar-ring:var(--color-primary-solid)}.skip-link{z-index:10;background:var(--background);padding:1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}[hidden]{display:none}html{scroll-padding-top:2rem}a{text-underline-offset:.2em}button,a{-webkit-tap-highlight-color:transparent}.hero-description{max-width:35rem;color:var(--muted-foreground);text-wrap:pretty;margin:1.75rem 0;font-size:1.125rem;line-height:1.65}.hero-actions{justify-content:flex-start;align-items:center;gap:1.5rem;margin-bottom:0;display:flex}#onboarding-story{grid-column:1/-1;min-width:0}.coworker-demo{grid-column:1/-1;grid-template-columns:minmax(0,1fr);align-items:center;gap:2rem;width:min(100%,55rem);margin-inline:auto;display:grid}.connector-demo{isolation:isolate;grid-template-rows:repeat(3,4rem) auto;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;min-width:0;min-height:652px;display:grid}.connector-slack{z-index:1;grid-area:1/1/5/11}.connector-github{z-index:2;grid-area:2/3/5/13}.connector-calendar{z-index:3;grid-area:3/2/5/12}.connector-gmail{z-index:4;grid-area:4/1/5/11}.connector-panel[aria-current=true]{z-index:5;opacity:1}.connector-panel{opacity:.8;border:1px solid var(--border);color:#202124;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-radius:.75rem;min-height:460px;font-size:.875rem;line-height:1.5;overflow:hidden;box-shadow:0 12px 32px #20212418}.connector-panel:focus-visible{outline:3px solid var(--ring);outline-offset:4px}.connector-panel h3{letter-spacing:-.025em;font-family:Geist Variable,sans-serif;font-size:1.375rem;font-weight:450}.connector-panel p{margin:.5rem 0}.connector-panel small,.connector-panel time{color:#5f6368;font-size:.75rem}.slack-layout{grid-template-columns:130px minmax(0,1fr);min-height:460px;display:grid}.slack-sidebar{color:#f4edf5;background:#3f1643;padding:1.5rem .75rem}.slack-sidebar strong{padding:0 .5rem 1.25rem;font-size:1rem;display:block}.slack-sidebar p{color:#d4bcd5;padding:.75rem .5rem 0}.slack-sidebar>span{padding:.375rem .5rem;display:block}.slack-sidebar small{color:#f4edf5}.channel-selected{background:#68416c;border-radius:.25rem}.slack-conversation{min-width:0}.native-toolbar{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.native-toolbar span{color:#616061;font-size:.75rem}.date-divider{text-align:center;margin:1rem 0;font-size:.75rem;font-weight:600}.message{align-items:flex-start;gap:.75rem;padding:.625rem 1.5rem;display:flex}.message>div{min-width:0}.message time{white-space:nowrap;margin-left:.375rem}.avatar{border-radius:.375rem;flex-shrink:0;width:36px;height:36px}.human-avatar{color:#604724;background:#efe3d5;place-items:center;font-size:.75rem;font-weight:600;display:grid}.bot-avatar{background:#f3f3f1;padding:5px}.bot-avatar .klex-mascot{width:100%;height:100%}.bot-label{color:#555;vertical-align:middle;background:#eee;border-radius:.2rem;padding:.05rem .25rem;font-size:.625rem;font-weight:500;display:inline-block}.mention{color:#1264a3;background:#e8f3fa}.checklist{margin:.5rem 0;padding-left:1.15rem}.thread-note{color:#1264a3;font-size:.75rem;font-weight:550}.mock-composer{color:#616061;border:1px solid #bdbdbd;border-radius:.5rem;margin:1rem 1.5rem;padding:.75rem}.mock-composer span{padding-top:.75rem;display:block}.google-top,.github-top{background:#f6f8fc;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:1.125rem;display:flex}.mock-search{color:#505966;background:#e9eef6;border-radius:.5rem;min-width:40%;margin-left:auto;padding:.5rem 1rem;font-size:.8125rem}.mail-layout{grid-template-columns:110px minmax(0,1fr);display:grid}.mail-sidebar{background:#f6f8fc;flex-direction:column;gap:1rem;padding:1rem;display:flex}.compose-label{background:#c2e7ff;border-radius:1rem;padding:1rem}.mail-sidebar strong{background:#d3e3fd;border-radius:1rem;justify-content:space-between;padding:.25rem .75rem;display:flex}.email{min-width:0;padding:0 1rem 1rem}.email h3{margin:1.5rem .5rem .5rem}.email .message{padding:.75rem .5rem}.email .message time{margin-left:auto}.email-address{color:#5f6368;overflow-wrap:anywhere;font-size:.75rem}.inbox-label{vertical-align:middle;background:#eee;padding:.15rem .4rem;font-size:.625rem;display:inline-block}.email-body{max-width:34rem;margin-left:3.5rem}.email-body ul{padding-left:1.25rem}.calendar-layout{grid-template-columns:1fr 1.15fr;min-height:394px;display:grid}.day-schedule{border-right:1px solid #dadce0;padding:1rem}.day-schedule>div{color:#5f6368;border-bottom:1px solid #dadce0;gap:.75rem;min-height:85px;font-size:.75rem;display:flex}.calendar-event{color:#174ea6;background:#d2e3fc;border-radius:.25rem;flex:1;align-self:flex-start;padding:.5rem}.calendar-event small{color:#174ea6}.event-detail{padding:1.5rem 2rem}.event-detail h3{margin:0 0 .5rem}.event-detail hr{border:0;border-top:1px solid #dadce0;margin:1.25rem 0}.attendee{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.github-top{background:#f6f8fa;font-size:.875rem}.repo-visibility{color:#59636e;border:1px solid #d1d9e0;border-radius:1rem;padding:.1rem .5rem;font-size:.75rem}.repo-tabs,.pr-tabs{border-bottom:1px solid #d1d9e0;gap:1.5rem;padding:.75rem 1.5rem;font-size:.8125rem;display:flex}.repo-tabs strong{text-underline-offset:.8rem;-webkit-text-decoration:underline #bf5c37;text-decoration:underline #bf5c37}.pull-request{padding:1.25rem 2rem}.pull-request h3{margin:0 0 .5rem}.pull-request h3 span,.pr-meta{color:#59636e}.pr-open{color:#fff;background:#1a7f37;border-radius:1rem;margin-right:.5rem;padding:.2rem .75rem;display:inline-block}.pr-meta code{background:#eff1f3;padding:.15rem .3rem}.pr-tabs{margin:1rem 0;padding-left:0}.pr-comment{border:1px solid #d1d9e0;border-radius:.375rem}.pr-comment-header{background:#f6f8fa;border-bottom:1px solid #d1d9e0;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.75rem;display:flex}.pr-comment-header .avatar{width:28px;height:28px}.pr-comment-body{padding:.5rem 1rem}.pr-comment-body ul{padding-left:1.25rem}.review-note{color:#59636e;padding-top:.5rem;font-size:.75rem}.product-story{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:5rem;width:min(100%,62.5rem);padding:6rem 0;display:grid}.product-story h2,.get-started h2{letter-spacing:-.045em;margin:0;font-size:clamp(2.5rem,4.5vw,4rem);font-weight:500;line-height:1.05}.story-details{gap:2rem;display:grid}.story-details h3{margin:0 0 .75rem;font-size:1.5rem;font-weight:500;line-height:1.2}.story-details p{color:var(--muted-foreground);margin:0;line-height:1.65}.get-started{text-align:center;width:min(100%,46rem);padding-top:5rem}.get-started>p{color:var(--muted-foreground)}.setup-link{margin-top:1.5rem;font-size:.875rem}.attribution{color:var(--muted-foreground);margin:0 0 1.5rem;font-size:.6875rem;line-height:1.6}@media (width<=680px){.hero-actions{flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:2.5rem}.hero-description{font-size:1rem}.connector-panel{min-height:520px;font-size:.8125rem}.slack-layout{min-height:520px;display:block}.slack-sidebar,.mail-sidebar{display:none}.native-toolbar,.message{padding-left:.875rem;padding-right:.875rem}.message{gap:.5rem}.mock-composer{margin:1rem .875rem}.google-top,.github-top{padding:1rem;font-size:.875rem}.mock-search{display:none}.mail-layout{display:block}.email{padding:0 .5rem 1rem}.email-body{margin-left:.5rem}.email .message time{display:none}.calendar-layout{grid-template-columns:1fr}.day-schedule{display:none}.event-detail{padding:1.5rem}.pull-request{padding:1rem}.repo-tabs,.pr-tabs{flex-wrap:wrap;gap:1rem}.product-story{grid-template-columns:1fr;gap:2rem;padding:3.5rem 0}.get-started{padding-top:3.5rem}}@media (width>=681px) and (width<=1000px){.mail-layout{grid-template-columns:minmax(0,1fr)}.mail-sidebar{display:none}.email-body{margin-left:.5rem}}@media (width<=680px){.connector-demo{flex-direction:column;gap:1.5rem;min-height:460px;display:flex}.connector-panel{width:100%;min-height:0}}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{color:var(--foreground);background:var(--background);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Geist Variable,ui-sans-serif,system-ui,sans-serif}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}::selection{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in oklab, var(--primary) 28%, transparent)}}::selection{color:var(--foreground)}html{background:var(--color-background);min-width:320px}body{background:var(--background);min-width:320px;min-height:100vh;color:var(--foreground);margin:0}a{color:inherit}a:focus-visible,button:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--ring)}@supports (color:color-mix(in lab, red, red)){a:focus-visible,button:focus-visible{outline:3px solid color-mix(in oklab, var(--ring) 50%, transparent)}}a:focus-visible,button:focus-visible{outline-offset:3px}.site-shell{grid-template-rows:auto 1fr auto;width:min(74rem,100% - 3rem);min-height:100svh;margin:0 auto;display:grid}.site-header,.site-footer{justify-content:space-between;align-items:center;display:flex}.site-header{border-bottom:1px solid var(--border);min-height:6rem}@supports (color:color-mix(in lab, red, red)){.site-header{border-bottom:1px solid color-mix(in oklab, var(--border) 65%, transparent)}}.brand{align-items:center;text-decoration:none;display:inline-flex}.klex-logo{width:7.5rem;height:auto;display:block}.klex-logo-dark,.dark .klex-logo-light{display:none}.dark .klex-logo-dark{display:block}.site-nav,.social-links{align-items:center;display:flex}.site-nav{gap:1.5rem;font-size:.875rem;font-weight:550}.site-nav>a:not(.cloud-login),.social-links a,.stagewise-link{color:var(--muted-foreground);text-decoration:none;transition:color .16s}.site-nav>a:not(.cloud-login):hover,.social-links a:hover,.stagewise-link:hover{color:var(--foreground)}.cloud-login{border-radius:var(--radius-lg);background:var(--primary);height:2.75rem;color:var(--primary-foreground);border:1px solid #0000;justify-content:center;align-items:center;padding:0 .875rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .12s;display:inline-flex}.cloud-login:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.cloud-login:hover{background:color-mix(in oklab, var(--primary) 90%, transparent)}}.cloud-login:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring);outline:none}@supports (color:color-mix(in lab, red, red)){.cloud-login:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent)}}.cloud-login:active{transform:translateY(1px)}.github-link{border-radius:var(--radius-lg);width:2.75rem;height:2.75rem;color:var(--muted-foreground);justify-content:center;align-items:center;margin-right:-.75rem;transition:color .16s;display:inline-flex}.github-link:hover{color:var(--foreground)}.github-link:focus-visible{color:var(--foreground);box-shadow:0 0 0 3px var(--ring);outline:none}@supports (color:color-mix(in lab, red, red)){.github-link:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent)}}main{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:10rem 0 5rem;display:flex}.hero{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:5rem 3rem;width:100%;margin:0 auto;padding-bottom:5rem;display:grid}.hero-intro{text-align:left;max-width:44rem;margin:0}.hero-eyebrow{color:var(--primary);font-optical-sizing:none;letter-spacing:0;text-transform:none;margin:0 0 .375rem;font-family:Fraunces,Georgia,serif;font-size:1.5rem;font-style:normal;font-weight:500}h1,h2,h3{font-optical-sizing:none;font-variation-settings:"WONK" 0, "opsz" 0;font-family:Fraunces,Georgia,serif}h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(3.25rem,5.5vw,5rem);font-weight:500;line-height:.98}.installer{width:min(100%,46rem);margin:3rem auto 0}.installer-tabs{gap:.25rem;margin-bottom:.5rem;display:flex}.installer-tab{border-radius:var(--radius-md);min-height:2.75rem;color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:550;transition:color .16s;display:inline-flex}.installer-tab:hover{color:var(--foreground)}.installer-tab[aria-selected=true]{color:var(--foreground);text-underline-offset:.1875rem;text-decoration:underline;text-decoration-thickness:1.5px}.install-command{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--muted);text-align:start;align-items:center;min-width:0;min-height:3.5rem;padding:.375rem .375rem .375rem .875rem;display:flex}.install-command:focus-within{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring)}@supports (color:color-mix(in lab, red, red)){.install-command:focus-within{box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 25%, transparent)}}.install-command code{min-width:0;color:var(--foreground);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;white-space:pre-wrap;flex:1;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8125rem;line-height:1.5}.install-command code:focus-visible{outline:none}.copy-command{border-radius:var(--radius-md);background:var(--primary);width:2.75rem;height:2.75rem;color:var(--primary-foreground);font:inherit;cursor:pointer;border:1px solid #0000;flex:none;margin-inline-start:.75rem;padding:0;transition:background-color .16s,transform .12s}.copy-command:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.copy-command:hover{background:color-mix(in oklab, var(--primary) 90%, var(--foreground))}}.copy-command:active{transform:translateY(1px)}.copy-command[data-copy-failed=true]{background:var(--destructive);color:var(--destructive-foreground)}.copy-command svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:1.125rem;height:1.125rem;margin:auto;display:block}.copy-command .check-icon,.copy-command[data-copied=true] .copy-icon{display:none}.copy-command[data-copied=true] .check-icon{display:block}.proof-list{color:var(--muted-foreground);justify-content:center;align-items:center;margin:1rem 0 0;padding:0;font-size:.8125rem;line-height:1.4;list-style:none;display:flex}.proof-list li{align-items:center;display:inline-flex}.proof-list li+li:before{background:var(--primary);content:"";border-radius:999px;width:.25rem;height:.25rem;margin:0 .75rem}.site-footer{border-top:1px solid var(--border);min-height:5rem}@supports (color:color-mix(in lab, red, red)){.site-footer{border-top:1px solid color-mix(in oklab, var(--border) 65%, transparent)}}.site-footer{color:var(--muted-foreground);font-size:.8125rem}.footer-credit{white-space:nowrap;align-items:center;gap:.375rem;display:inline-flex}.stagewise-link{align-items:center;display:inline-flex}.stagewise-wordmark{opacity:.82;width:5.25rem;height:auto;display:block}.social-links{gap:1.25rem}@media (width<=680px){.hero{grid-template-columns:minmax(0,1fr);gap:2.5rem;padding-bottom:2.5rem}.site-shell{width:min(100% - 2rem,74rem)}.site-header{gap:.75rem;min-height:4.75rem}.klex-logo{width:5.5rem}.site-nav{gap:.25rem;font-size:.75rem}.github-link{margin-right:0}.cloud-login{height:2.75rem;min-height:2.75rem;padding:0 .625rem;font-size:.75rem}.brand,.site-nav>a:not(.cloud-login),.social-links a,.stagewise-link{align-items:center;min-height:2.75rem;display:inline-flex}.site-nav>a:not(.cloud-login),.social-links a{justify-content:center;min-width:2.75rem}main{padding:6rem 0 4rem}h1{font-size:clamp(2.5rem,12vw,3.5rem)}.installer{margin-top:1.25rem}.install-command{align-items:center;min-height:4rem;padding:.625rem .625rem .625rem .75rem}.install-command code{font-size:.75rem}.copy-command{width:2.75rem;height:2.75rem;margin-inline-start:.5rem}.proof-list{flex-wrap:wrap;gap:.5rem .75rem}.proof-list li+li:before{display:none}.site-footer{min-height:5.5rem;padding:1rem 0 max(1rem, env(safe-area-inset-bottom));flex-wrap:wrap;gap:.75rem 1.5rem}.social-links{gap:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.hero-mascot{justify-content:center;align-self:start;align-items:center;padding-top:2rem;display:flex}.klex-mascot{flex:none;width:128px;height:112px;display:block;overflow:visible}.bot-family{aspect-ratio:1.3;width:min(100%,350px);position:relative}.family-bot{width:42%;color:var(--foreground);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;padding:0;position:absolute}.family-bot-harry{top:4%;left:0}.family-bot-sarah{width:38%;top:8%;right:1%}.family-bot-pip{width:36%;bottom:2%;left:8%}.family-bot-momo{width:34%;bottom:0;right:3%}.family-avatar{transform-origin:50% 90%;display:block}.family-bot .klex-mascot{width:100%;height:auto}.family-bot:focus-visible{outline:2px solid var(--primary);outline-offset:4px}@media (width<=680px){.hero-mascot{justify-content:flex-end;padding-top:0}.bot-family{aspect-ratio:1.2;width:240px}}.coworker-demo:has(.klex-bot-roster){grid-template-columns:35rem minmax(0,1fr);align-items:center;column-gap:4rem;width:min(96rem,100vw - 3rem);margin-top:3rem;position:relative;left:50%;transform:translate(-50%)}.klex-bot-roster{min-width:0}@media (width<=1199px){.coworker-demo:has(.klex-bot-roster){grid-template-columns:minmax(0,1fr);width:min(100%,55rem);left:auto;transform:none}.klex-bot-roster{justify-self:center;width:min(100%,35rem);margin-bottom:1rem}}.workflow-panels{grid-template-rows:repeat(3,3rem) auto;min-height:720px}.workflow-slack{z-index:1;grid-area:1/1/5/11}.workflow-github{z-index:2;grid-area:2/3/5/13}.workflow-linear{z-index:3;grid-area:3/2/5/12}.workflow-google{z-index:4;grid-area:4/1/5/11}.workflow-panel{min-height:540px;transition:opacity .16s ease-out}.workflow-panel[aria-current=true]{z-index:5}.workflow-panel-content{animation:.18s ease-out workflow-reveal}.workflow-toolbar{background:#f7f8fa;border-bottom:1px solid #e5e5e5;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.workflow-toolbar img{border-radius:6px}.workflow-toolbar strong{font-weight:500}.workflow-content{padding:1.25rem 1.5rem}.workflow-content h3{text-wrap:balance;margin:0 0 .75rem}.workflow-content h4{margin:0 0 1rem;font-size:.875rem}.workflow-muted{color:#616061;font-size:.75rem}.workflow-status{color:#414ba0;background:#edf0ff;border-radius:1rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.workflow-tabs{border-bottom:1px solid #e5e5e5;gap:1.5rem;padding:.75rem 1.25rem 0;font-size:.75rem;display:flex}.workflow-tabs>*{padding-bottom:.6rem}.workflow-tabs strong{border-bottom:2px solid #df8b70}.workflow-blocks{gap:.85rem;margin:1.25rem 0;display:grid}.workflow-blocks dt{color:#616061;margin-bottom:.2rem;font-size:.75rem}.workflow-blocks dd{margin:0}.workflow-thread{border-top:1px solid #e5e5e5;padding-top:1rem}.workflow-messages{gap:1.125rem;display:grid}.workflow-message{gap:.65rem;min-width:0;display:flex}.workflow-message>div{flex:1;min-width:0}.workflow-author{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.workflow-author time{margin-left:auto}.workflow-message p{margin:.25rem 0 0}.workflow-avatar{background:#f4f3f1;border-radius:7px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;display:inline-flex;overflow:hidden}.workflow-avatar img,.workflow-avatar .klex-card-mascot{width:100%;height:100%}.workflow-avatar .klex-card-mascot{padding:3px}.workflow-review-status{margin:.15rem 0;display:block}.workflow-calendar-date{background:#f0f5ff;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.75rem;display:flex}.workflow-guests{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0;font-size:.75rem;display:flex}.workflow-guests>span{align-items:center;gap:.4rem;display:flex}.workflow-slack-layout{grid-template-columns:125px minmax(0,1fr);min-height:540px;display:grid}.workflow-slack-layout .slack-sidebar{overflow-wrap:anywhere;font-size:.75rem}.workflow-slack-layout .slack-sidebar strong{overflow-wrap:normal;padding-inline:0}.workflow-conversation{min-width:0;padding:0 1rem 1rem}.workflow-conversation .date-divider{color:#616061;font-weight:400}.workflow-composer{color:#616061;border:1px solid #c9c9c9;border-radius:6px;margin-top:1.5rem;padding:.75rem}.workflow-composer small{margin-top:1.5rem;display:block}@keyframes workflow-reveal{0%{opacity:.8}to{opacity:1}}@media (width<=680px){.workflow-panels{min-height:0;display:block}.workflow-panel{width:100%;min-height:0}.workflow-panel[aria-hidden=true]{display:none}.workflow-slack-layout{grid-template-columns:minmax(0,1fr);min-height:0}.workflow-slack-layout .slack-sidebar{display:none}.workflow-content,.workflow-toolbar,.workflow-calendar-date{padding:1rem}.workflow-author time{width:100%;margin-left:0}.workflow-panel{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.workflow-panel{transition:none}.workflow-panel-content{animation:none}}.klex-bot-card{isolation:isolate;width:min(100%,20rem);color:var(--foreground);--expansion:0;--avatar-size:calc(4.8rem + 5.6rem * var(--expansion));--connector-size:calc(2.2rem + 1.4rem * var(--expansion));--compact-necklace-top:max(11.8rem, calc(8.8rem + var(--role-height,2.2rem) + .75rem));height:20rem;position:relative}.klex-bot-card:focus-within{z-index:2}.klex-card-select{width:100%;height:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:0;display:block;position:absolute;inset:0}.klex-card-name{top:calc(7rem - 6rem * var(--expansion));left:calc(5.6rem * (1 - var(--expansion)) + 50% * var(--expansion));transform:translateX(calc(-50% * var(--expansion)));white-space:nowrap;font:500 calc(1.125rem + .275rem * var(--expansion)) / 1.15 "Geist Variable", ui-sans-serif, system-ui, sans-serif;position:absolute}.klex-card-role{top:calc(8.55rem - 6.1rem * var(--expansion));left:calc(5.6rem * (1 - var(--expansion)) + 50% * var(--expansion));transform:translateX(calc(-50% * var(--expansion)));width:max-content;max-width:calc(100% - 5.6rem * (1 - var(--expansion)));font:400 calc(.8125rem + .0625rem * var(--expansion)) / 1.35 "Geist Variable", ui-sans-serif, system-ui, sans-serif;color:var(--muted-foreground);margin-top:.25rem;position:absolute}.klex-card-avatar{left:calc((100% - var(--avatar-size)) / 2 * var(--expansion));top:calc(7rem - 3.75rem * var(--expansion));width:var(--avatar-size);display:block;position:absolute}.klex-card-mascot{display:block}.klex-card-mascot svg{width:100%;height:auto;display:block}.klex-card-mascot svg>ellipse{display:none}.klex-card-mascot [data-pupil]{fill:#fff}.klex-card-necklace{top:calc(var(--compact-necklace-top) * (1 - var(--expansion)) + 12.25rem * var(--expansion));left:calc(5.6rem * (1 - var(--expansion)) + 50% * var(--expansion));transform:translateX(calc(-50% * var(--expansion)));width:max-content;max-width:calc(100% - 5.6rem * (1 - var(--expansion)));flex-wrap:wrap;gap:.5rem 0;margin:0;padding:0;list-style:none;display:flex;position:absolute}.klex-bot-card[data-active=false] .klex-card-role{white-space:normal;overflow-wrap:anywhere}.klex-card-necklace li{position:relative}.klex-card-necklace li+li{margin-left:calc(-.6rem - .2rem * var(--expansion))}.klex-card-necklace li:has([aria-pressed=true]){z-index:2}.klex-card-necklace li:has(:focus-visible){z-index:4}.klex-bot-card[data-active=true] .klex-card-necklace li:has([data-preview=true]){z-index:3}.klex-card-connector{width:var(--connector-size);height:var(--connector-size);border:1px solid var(--border);color:#202124;cursor:pointer;background:#fff;border-radius:50%;outline:none;place-items:center;padding:.3rem;display:grid}.klex-card-connector:disabled{cursor:default}.klex-bot-card[data-active=true] .klex-card-connector[data-preview=true]{transform:translateY(-3px)scale(1.12)}.klex-card-connector img{object-fit:contain;width:100%;height:100%}.klex-card-connector-label{overflow-wrap:anywhere;font-size:.75rem}.klex-bot-card[data-active=true] .klex-card-connector[data-preview=true],.klex-card-connector[aria-pressed=true]{box-shadow:0 3px 10px color-mix(in oklab, var(--foreground) 14%, transparent)}.klex-card-connector:focus-visible{border-color:var(--muted-foreground);border-radius:50%;outline:none}.klex-card-select:focus-visible{outline:2px solid var(--primary);outline-offset:5px}.klex-card-detail{overflow-wrap:anywhere;text-align:center;width:100%;position:absolute;top:16.5rem}.klex-card-identity{margin:0;font:500 .875rem/1.4 Geist Variable,ui-sans-serif,system-ui,sans-serif}@keyframes klex-card-mascot-bob{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-5px)}65%{transform:translateY(-2px)}}@media (prefers-reduced-motion:no-preference){.klex-card-connector{transition:transform .16s ease-out}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.klex-bot-card:hover .klex-card-mascot{animation:var(--mascot-gesture,klex-card-mascot-bob) .6s ease-out}}.klex-bot-card[data-gesture=wobble]{--mascot-gesture:klex-card-mascot-wobble}.klex-bot-card[data-gesture=tilt]{--mascot-gesture:klex-card-mascot-tilt}.klex-bot-card[data-gesture=blink]{--mascot-gesture:none}@keyframes klex-card-mascot-wobble{30%{transform:rotate(-6deg)}65%{transform:rotate(4deg)}}@keyframes klex-card-mascot-tilt{45%{transform:translateY(-2px)rotate(7deg)}}@keyframes klex-card-mascot-blink{45%,55%{transform:scaleY(.1)}}.klex-card-mascot [data-pupil]{transform-box:fill-box;transform-origin:50%}@media (hover:hover) and (prefers-reduced-motion:no-preference){.klex-bot-card[data-gesture=blink]:hover [data-pupil]{animation:.6s ease-out klex-card-mascot-blink}}.klex-bot-roster{width:100%;min-width:0;height:48rem;position:relative}.klex-bot-slot{align-items:center;width:17rem;height:20rem;display:grid;position:absolute;top:14rem;left:calc(50% - 8.5rem)}.klex-bot-slot:has(:focus-within){z-index:2}.klex-bot-roster-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=680px){.klex-bot-roster{justify-items:center;gap:2rem;height:auto;display:grid}.klex-bot-roster .klex-bot-slot{width:min(100%,20rem);position:static;transform:none!important}}