@font-face{font-family:ggsansBold;src:url(../media/ggsans_Bold-s.p.23ccgvfemsipl.ttf)format("truetype");font-display:swap}@font-face{font-family:ggsansBold Fallback;src:local(Arial);ascent-override:101.74%;descent-override:31.58%;line-gap-override:0.0%;size-adjust:100.06%}.lmCLAq_className{font-family:ggsansBold,ggsansBold Fallback}.lmCLAq_variable{--font-ggsans-bold:"ggsansBold", "ggsansBold Fallback"}
@font-face{font-family:ggsansNormal;src:url(../media/ggsans_Normal-s.p.16o-zq7z2w2v5.ttf)format("truetype");font-display:swap}@font-face{font-family:ggsansNormal Fallback;src:local(Arial);ascent-override:106.17%;descent-override:32.96%;line-gap-override:0.0%;size-adjust:95.89%}.D6uKMq_className{font-family:ggsansNormal,ggsansNormal Fallback}.D6uKMq_variable{--font-ggsans-normal:"ggsansNormal", "ggsansNormal Fallback"}
:root{--navy:#232f43;--navy-deep:#1a2333;--navy-raised:#2c3a52;--line:#3a4a65;--teal:#78aebc;--teal-bright:#a3d0dc;--mauve:#b79bab;--fog:#cbc6ca;--paper:#eeebee;--font-bold:var(--font-ggsans-bold), system-ui, sans-serif;--font-body:var(--font-ggsans-normal), system-ui, sans-serif;--font-code:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--step--1:.875rem;--step-0:1.0625rem;--step-1:1.25rem;--step-2:1.625rem;--step-3:clamp(1.75rem, 1.3rem + 1.6vw, 2.25rem);--display:clamp(1.875rem, 1rem + 3.4vw, 3.5rem);--gutter:clamp(1rem, 4vw, 2.5rem);--page:72rem;--radius:8px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--paper);font-family:var(--font-body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3{font-family:var(--font-bold);margin:0;font-weight:700;line-height:1.2}p{margin:0}code{font-family:var(--font-code);font-size:.92em}a{color:inherit}:focus-visible{outline:2px solid var(--teal-bright);outline-offset:3px;border-radius:4px}.moon{--size:1.75rem;width:var(--size);height:var(--size);background:linear-gradient(90deg, var(--fog) 50%, var(--mauve) 50%);border-radius:50%;flex:none;display:inline-block;position:relative}.moon:after{content:"";background:linear-gradient(90deg, var(--teal) 50%, var(--navy) 50%);border-radius:50%;position:absolute;inset:14%}.moon--small{--size:1.25rem}.site-header,main{max-width:var(--page);padding-inline:var(--gutter);margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem;display:flex}.wordmark{font-family:var(--font-bold);font-size:var(--step-1);align-items:center;gap:.625rem;text-decoration:none;display:inline-flex}.site-footer{width:min(100% - 2 * var(--gutter), var(--page) - 2 * var(--gutter));border-top:1px solid var(--line);color:var(--fog);font-size:var(--step--1);align-items:center;gap:.75rem;margin:0 auto;padding-block:3rem 4rem;display:flex}.site-footer a{text-underline-offset:.2em}.site-footer a:hover{color:var(--paper)}.button{border-radius:var(--radius);background:var(--teal);min-height:2.875rem;color:var(--navy-deep);font-family:var(--font-bold);align-items:center;padding:0 1.25rem;text-decoration:none;transition:background-color .15s;display:inline-flex}.button:hover{background:var(--teal-bright)}.avatar{width:2.5rem;height:2.5rem;color:var(--navy-deep);font-family:var(--font-bold);border-radius:50%;flex:none;place-items:center;font-size:1rem;display:inline-grid}.avatar--sm{width:1.5rem;height:1.5rem;font-size:.75rem}.avatar--teal{background:var(--teal)}.avatar--mauve{background:var(--mauve)}.avatar--fog{background:var(--fog)}.avatar--bot{background:var(--navy);box-shadow:inset 0 0 0 1px var(--line)}.avatar__moon{background:linear-gradient(90deg, var(--fog) 50%, var(--mauve) 50%);border-radius:50%;width:64%;height:64%;position:relative}.avatar__moon:after{content:"";background:linear-gradient(90deg, var(--teal) 50%, var(--navy) 50%);border-radius:50%;position:absolute;inset:14%}.bot-tag{background:var(--mauve);color:var(--navy-deep);font-family:var(--font-bold);vertical-align:.15em;border-radius:3px;padding:0 .3rem;font-size:.625rem;line-height:1.5;display:inline-block}.mention{color:var(--teal-bright);-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#78aebc29;border-radius:.15em;padding:0 .12em}.hero{padding-block:clamp(1.5rem,5vw,4rem) clamp(4rem,9vw,7rem)}.hero-demo{grid-template-columns:minmax(0,1fr);grid-template-areas:"dm""controls""copy""side";gap:1.5rem;display:grid}.dm{border-radius:calc(var(--radius) * 1.5);background:var(--navy-deep);grid-area:dm;margin:0;padding:clamp(1.25rem,3vw,2.25rem)}.dm__meta{color:var(--fog);font-size:var(--step--1);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.dm__author{color:var(--paper);font-family:var(--font-bold);font-size:var(--step-0)}.dm__time{color:#8f99ab}.dm__message{min-height:4.72em;font-family:var(--font-bold);font-size:var(--display);text-wrap:pretty;line-height:1.18;animation:.5s ease-out both message-in}.hero-demo__controls{grid-area:controls;gap:.375rem;display:flex}.hero-demo__controls span{background:var(--line);border-radius:50%;width:.5rem;height:.5rem;transition:background-color .3s}.hero-demo__controls .is-current{background:var(--teal)}.hero-demo__copy{grid-area:copy;max-width:40rem;padding-top:1rem}.hero-demo__copy h1{font-size:var(--step-2);text-wrap:balance}.hero__lede{color:var(--fog);font-size:var(--step-1);max-width:36em;margin-top:1rem;line-height:1.55}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.sidebar{border-radius:calc(var(--radius) * 1.5);background:var(--navy-deep);color:#9aa4b6;grid-area:side;align-self:start;padding:1rem .75rem 1.25rem;font-size:.9375rem}.sidebar__server{border-bottom:1px solid var(--line);color:var(--paper);font-family:var(--font-bold);margin-bottom:.875rem;padding:0 .5rem .875rem}.sidebar__category{font-size:.75rem;font-family:var(--font-bold);padding:0 .5rem .375rem}.sidebar__channels,.channel__members{margin:0;padding:0;list-style:none}.channel__name{border-radius:4px;align-items:center;gap:.5rem;padding:.3rem .5rem;display:flex}.speaker{flex:none;width:1.125rem;height:1.125rem}.channel--active .channel__name{background:var(--navy-raised);color:var(--paper)}.channel__members{padding:.125rem 0 .375rem 2.125rem}.member{align-items:center;gap:.5rem;padding:.2rem 0;display:flex}.member--joined{color:var(--paper);animation:.5s ease-out both member-in}.member__marker{background:linear-gradient(90deg, var(--fog) 50%, var(--mauve) 50%);border-radius:50%;width:.75rem;height:.75rem;margin-left:auto;margin-right:.5rem;position:relative}.member__marker:after{content:"";background:linear-gradient(90deg, var(--teal) 50%, var(--navy-deep) 50%);border-radius:50%;position:absolute;inset:18%}.member--joined .avatar{box-shadow:0 0 0 2px var(--navy-deep), 0 0 0 4px var(--teal)}@keyframes message-in{0%{opacity:0;transform:translateY(.25em)}}@keyframes member-in{0%{opacity:0;transform:translate(-.5rem)}}@media (min-width:900px){.hero-demo{grid-template-columns:minmax(0,1fr) 17rem;grid-template-areas:"dm side""controls side""copy side";column-gap:2rem}.sidebar{margin-top:3rem}.dm__message{min-height:3.54em}}.section{border-top:1px solid var(--line);padding-block:clamp(3rem,7vw,5.5rem)}.section h2{font-size:var(--step-3)}.section__intro{max-width:36em;color:var(--fog);margin-top:.75rem}.steps{counter-reset:step;gap:2rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.step{counter-increment:step;max-width:28em}.step:before{content:counter(step);color:var(--mauve);font-family:var(--font-bold);font-size:var(--step-3);margin-bottom:.75rem;line-height:1;display:block}.step h3{font-size:var(--step-1)}.step p{color:var(--fog);margin-top:.5rem}@media (min-width:760px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}}.console{grid-template-columns:minmax(0,1fr);gap:1.25rem;margin-top:2.5rem;display:grid}.console__commands{scrollbar-width:thin;gap:.5rem;margin:0;padding:0 0 .5rem;list-style:none;display:flex;overflow-x:auto}.command{border-radius:var(--radius);width:100%;box-shadow:inset 0 0 0 1px var(--line);color:var(--fog);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:.625rem .875rem;transition:background-color .15s;display:block}.command:hover{background:var(--navy-raised)}.command[aria-pressed=true]{background:var(--navy-raised);box-shadow:inset 3px 0 0 var(--teal), inset 0 0 0 1px var(--line);color:var(--paper)}.command__text{color:var(--paper)}.command__note{color:var(--mauve);font-family:var(--font-body)}.command__summary{font-size:var(--step--1);margin-top:.25rem;line-height:1.45;display:none}.chat{border-radius:calc(var(--radius) * 1.5);background:var(--navy-deep);min-height:21rem;overflow:hidden}.chat__header{border-bottom:1px solid var(--line);font-family:var(--font-bold);align-items:center;gap:.5rem;padding:.875rem 1.25rem;display:flex}.chat__hash{color:#8f99ab;font-size:1.25rem;line-height:1}.chat__log{gap:1.25rem;margin:0;padding:1.25rem;list-style:none;display:grid}.chat__message{gap:.875rem;animation:.25s ease-out both message-in;display:flex}.chat__body{min-width:0}.chat__author{font-family:var(--font-bold);font-size:.9375rem}.chat__command{font-family:var(--font-code);color:var(--fog);font-size:.92em}.chat__list{margin:.25rem 0 0;padding-left:1.5rem}.chat__typing{color:#8f99ab;font-size:var(--step--1)}.embed{background:var(--navy-raised);border-left:4px solid #66afbf;border-radius:4px;max-width:32rem;margin-top:.375rem;padding:.875rem 1rem}.embed__title{font-family:var(--font-bold)}.embed__fields{gap:.625rem;margin:.75rem 0 0;display:grid}.embed__fields dt{font-family:var(--font-bold);font-size:var(--step--1)}.embed__fields dd{color:var(--fog);font-size:var(--step--1);margin:0}@media (min-width:900px){.console{grid-template-columns:19rem minmax(0,1fr);align-items:start;gap:2rem}.console__commands{flex-direction:column;padding:0;overflow:visible}.command{white-space:normal}.command__summary{display:block}}.details{gap:2rem 2.5rem;margin:2.5rem 0 0;display:grid}.detail dt{font-family:var(--font-bold);font-size:var(--step-1);line-height:1.3}.detail dd{color:var(--fog);max-width:30em;margin:.5rem 0 0}@media (min-width:760px){.details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.details{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}