.skill-card:where(.astro-bw6vpkdr) {
  background: var(--g-card, #f5f8f6);
  border: 1px solid var(--glean-border, #d5e3de);
  border-radius: 1rem;
  box-sizing: border-box;
  display: flex;
  flex: 20rem;
  flex-direction: column;
  min-width: 0;
  padding: 1.75rem 1.75rem 1.5rem;
}

.skill-card:where(.astro-bw6vpkdr) .skill-card__head:where(.astro-bw6vpkdr) {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: .625rem;
}

.skill-card:where(.astro-bw6vpkdr) .skill-card__name:where(.astro-bw6vpkdr) {
  color: var(--g-headline, #185c53);
  font-family: "Plus Jakarta Sans", var(--font-family-display, sans-serif);
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.1;
  margin: 0;
  text-transform: none;
}

.skill-card:where(.astro-bw6vpkdr) .skill-card__command:where(.astro-bw6vpkdr) {
  background: var(--g-chip, #e3efeb);
  border-radius: 999px;
  color: var(--g-headline, #185c53);
  font-family: var(--font-family-mono, ui-monospace, monospace);
  font-size: .8125rem;
  letter-spacing: normal;
  line-height: 1.4;
  padding: .25rem .75rem;
  text-transform: none;
}

.skill-card:where(.astro-bw6vpkdr) .skill-card__title:where(.astro-bw6vpkdr) {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 1rem 0 0;
}

.skill-card:where(.astro-bw6vpkdr) .skill-card__description:where(.astro-bw6vpkdr) {
  color: var(--g-muted, #4a615c);
  line-height: 1.6;
  margin: .5rem 0 1.5rem;
  max-width: none;
}

.skill-card:where(.astro-bw6vpkdr) .skill-card__asks:where(.astro-bw6vpkdr) {
  border-block-start: 1px solid var(--glean-border, #d5e3de);
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-mono, ui-monospace, monospace);
  font-size: .875rem;
  gap: .625rem;
  line-height: 1.5;
  list-style: none;
  margin: auto 0 0;
  padding: 1.25rem 0 0;
}

.skill-card:where(.astro-bw6vpkdr) .skill-card__asks:where(.astro-bw6vpkdr) li:where(.astro-bw6vpkdr) {
  margin: 0;
  padding-inline-start: 0;
}

.skill-card:where(.astro-bw6vpkdr) .skill-card__you:where(.astro-bw6vpkdr) {
  color: var(--glean-you, #9a4a26);
  margin-inline-end: 1ch;
}
/*
 * The Gleaner brand palette, drawn from the logo (evergreen #185C53, copper
 * #C46B43), for any element marked `data-gleaner`: the homepage hero and the
 * feature section below it. `--g-*` paints those sections' own surfaces, type
 * and controls (`--g-band`, `--g-card`, `--g-chip` and `--g-marker-*` belong to
 * `HomeFeatures`); `--glean-*` paints the string components (`GleanPart`,
 * `SavedClip`), which carry light fallbacks so they still render on their own.
 *
 * Kept out of `_design-tokens.scss` on purpose: the committed `index.css` is
 * out of step with its SCSS source, so a recompile would ship unrelated
 * changes (DESIGN.md, "The Component-Scoped Palette Rule"). Imported by each
 * component that sets `data-gleaner`; the browser loads it once.
 *
 * None of these values is the site's `--island` accent, so the homepage accent
 * audit in `e2e/homepage-design-direction.spec.ts` still holds.
 */
[data-gleaner] {
  /*
   * Light palette. Contrast on the hero ground, measured: ink 13.24:1, muted
   * 6.22:1, headline 7.29:1, white on the evergreen button 7.79:1, the copper
   * string 3.55:1 (a graphic, so 3:1).
   */
  --g-ground: #f5f8f6;
  --g-ink: #12302b;
  --g-muted: #4a615c;
  --g-headline: #185c53;
  --g-button-bg: #185c53;
  --g-button-ink: #fff;
  --g-button-hover: #124a42;
  --g-link: #185c53;
  --g-code-bg: #e3efeb;
  --g-code-ink: #185c53;
  --g-band: #fff;
  --g-card: #f5f8f6;
  --g-chip: #e3efeb;
  --g-marker-bg: #9a4a26;
  --g-marker-ink: #fff;
  --glean-string: #c46b43;
  --glean-surface: #fff;
  --glean-border: #d5e3de;
  --glean-ink: #12302b;
  --glean-you: #9a4a26;
  --glean-reply: #185c53;
  --glean-mark-bg: #fbede5;
  --glean-mark-ink: #12302b;
  --glean-mark-rule: #f1d9cb;
  --glean-clip-bg: #185c53;
  --glean-clip-ink: #fff;
  --glean-clip-muted: #cfe5de;
  --glean-clip-rule: #3e7a70;
}

/*
 * Dark palette. Measured on the #0e1d1a hero ground: ink 14.76:1, muted
 * 8.46:1, headline and link 10.93:1, button label 10.93:1, the string 6.42:1.
 * The saved clip keeps its evergreen card, which reads on either ground.
 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) [data-gleaner] {
    --g-ground: #0e1d1a;
    --g-ink: #e4efeb;
    --g-muted: #a3bab3;
    --g-headline: #9ed9c8;
    --g-button-bg: #9ed9c8;
    --g-button-ink: #0e1d1a;
    --g-button-hover: #b9e6d9;
    --g-link: #9ed9c8;
    --g-code-bg: #152b27;
    --g-code-ink: #9ed9c8;
    --g-band: #0e1d1a;
    --g-card: #152b27;
    --g-chip: #234240;
    --g-marker-bg: #d98a62;
    --g-marker-ink: #0e1d1a;
    --glean-string: #d98a62;
    --glean-surface: #152b27;
    --glean-border: #2b4842;
    --glean-ink: #e4efeb;
    --glean-you: #eba67f;
    --glean-reply: #9ed9c8;
    --glean-mark-bg: #4b2d20;
    --glean-mark-ink: #f7e6dc;
    --glean-mark-rule: #6a4030;
  }
}

/* The theme toggle, which must beat the OS preference in either direction. */
:root[data-theme='dark'] [data-gleaner] {
  --g-ground: #0e1d1a;
  --g-ink: #e4efeb;
  --g-muted: #a3bab3;
  --g-headline: #9ed9c8;
  --g-button-bg: #9ed9c8;
  --g-button-ink: #0e1d1a;
  --g-button-hover: #b9e6d9;
  --g-link: #9ed9c8;
  --g-code-bg: #152b27;
  --g-code-ink: #9ed9c8;
  --g-band: #0e1d1a;
  --g-card: #152b27;
  --g-chip: #234240;
  --g-marker-bg: #d98a62;
  --g-marker-ink: #0e1d1a;
  --glean-string: #d98a62;
  --glean-surface: #152b27;
  --glean-border: #2b4842;
  --glean-ink: #e4efeb;
  --glean-you: #eba67f;
  --glean-reply: #9ed9c8;
  --glean-mark-bg: #4b2d20;
  --glean-mark-ink: #f7e6dc;
  --glean-mark-rule: #6a4030;
}
.home-features:where(.astro-6dtbx53t) {
  background: var(--g-band, #fff);
  border-block-start: 1px solid var(--glean-border, #d5e3de);
  box-sizing: border-box;
  color: var(--g-ink, #12302b);
  container-type: inline-size;
  font-family: var(--font-family-sans, sans-serif);
  padding-inline: max(1.25rem, calc((100% - var(--max-content-width, 80rem)) / 2));
  width: 100%;
}

.home-features:where(.astro-6dtbx53t) .home-features__inner:where(.astro-6dtbx53t) {
  display: flex;
  flex-direction: column;
  gap: clamp(4.5rem, 8cqi, 7rem);
  padding-block: clamp(4.5rem, 8cqi, 7rem) clamp(5rem, 9cqi, 8rem);
}

.home-features:where(.astro-6dtbx53t) .home-features__intro:where(.astro-6dtbx53t) {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 4rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__title:where(.astro-6dtbx53t), .home-features:where(.astro-6dtbx53t) .home-features__subtitle:where(.astro-6dtbx53t) {
  color: var(--g-headline, #185c53);
  font-family: "Plus Jakarta Sans", var(--font-family-display, sans-serif);
  font-weight: 800;
  margin: 0;
  min-width: 0;
  overflow-wrap: break-word;
  text-transform: none;
  text-wrap: balance;
}

.home-features:where(.astro-6dtbx53t) .home-features__title:where(.astro-6dtbx53t) {
  flex: 32.5rem;
  font-size: clamp(2.125rem, 4.4cqi, 3.5rem);
  letter-spacing: -.03em;
  line-height: 1.05;
}

.home-features:where(.astro-6dtbx53t) .home-features__subtitle:where(.astro-6dtbx53t) {
  font-size: clamp(1.625rem, 2.6cqi, 2.125rem);
  letter-spacing: -.02em;
  line-height: 1.15;
}

.home-features:where(.astro-6dtbx53t) .home-features__lede:where(.astro-6dtbx53t) {
  flex: 23.75rem;
  max-width: 32.5rem;
  min-width: 0;
}

.home-features:where(.astro-6dtbx53t) .home-features__lede:where(.astro-6dtbx53t) p:where(.astro-6dtbx53t) {
  font-size: 1.125rem;
  line-height: 1.6;
  margin: 0;
  max-width: none;
}

.home-features:where(.astro-6dtbx53t) .home-features__lede:where(.astro-6dtbx53t) .home-features__muted:where(.astro-6dtbx53t) {
  font-size: 1rem;
  margin-block-start: .75rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__muted:where(.astro-6dtbx53t) {
  color: var(--g-muted, #4a615c);
  line-height: 1.6;
}

.home-features:where(.astro-6dtbx53t) .home-features__skills:where(.astro-6dtbx53t), .home-features:where(.astro-6dtbx53t) .home-features__places:where(.astro-6dtbx53t) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.home-features:where(.astro-6dtbx53t) .home-features__skills:where(.astro-6dtbx53t) {
  gap: 1.5rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__skills:where(.astro-6dtbx53t) > li, .home-features:where(.astro-6dtbx53t) .home-features__places:where(.astro-6dtbx53t) > li:where(.astro-6dtbx53t) {
  margin: 0;
}

.home-features:where(.astro-6dtbx53t) .home-features__skills:where(.astro-6dtbx53t) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.home-features:where(.astro-6dtbx53t) .home-features__skills:where(.astro-6dtbx53t) > li {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  row-gap: 0;
}

.home-features:where(.astro-6dtbx53t) .home-features__skills:where(.astro-6dtbx53t) .skill-card__asks {
  margin-block-start: 0;
}

@container (width >= 41.5rem) {
  .home-features:where(.astro-6dtbx53t) .home-features__skills:where(.astro-6dtbx53t) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.home-features:where(.astro-6dtbx53t) .home-features__anatomy:where(.astro-6dtbx53t) {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__head:where(.astro-6dtbx53t) {
  max-width: 40rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__head:where(.astro-6dtbx53t) p:where(.astro-6dtbx53t) {
  font-size: 1.0625rem;
  margin: .75rem 0 0;
  max-width: none;
}

.home-features:where(.astro-6dtbx53t) .home-features__clip-row:where(.astro-6dtbx53t) {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem 4rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__clip:where(.astro-6dtbx53t) {
  background: var(--g-card, #f5f8f6);
  border: 1px solid var(--glean-border, #d5e3de);
  border-radius: 1rem;
  flex: 32.5rem;
  margin: 0;
  max-width: 42.5rem;
  min-width: 0;
  overflow: hidden;
}

.home-features:where(.astro-6dtbx53t) .home-features__clip:where(.astro-6dtbx53t) figcaption:where(.astro-6dtbx53t) {
  align-items: center;
  border-block-end: 1px solid var(--glean-border, #d5e3de);
  display: flex;
  flex-wrap: wrap;
  gap: .375rem 1rem;
  justify-content: space-between;
  letter-spacing: normal;
  padding: .75rem 1.25rem;
  text-transform: none;
}

.home-features:where(.astro-6dtbx53t) .home-features__clip-label:where(.astro-6dtbx53t) {
  color: var(--g-muted, #4a615c);
  font-size: .8125rem;
  font-weight: 600;
}

.home-features:where(.astro-6dtbx53t) .home-features__clip-path:where(.astro-6dtbx53t) {
  color: var(--g-ink, #12302b);
  font-family: var(--font-family-mono, ui-monospace, monospace);
  font-size: .8125rem;
  line-height: 1.5;
  min-width: 0;
  overflow-wrap: anywhere;
}

.home-features:where(.astro-6dtbx53t) .home-features__clip-body:where(.astro-6dtbx53t) {
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-mono, ui-monospace, monospace);
  font-size: .875rem;
  line-height: 1.5rem;
  padding: 1.25rem 1.5rem 1.5rem 1rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__line:where(.astro-6dtbx53t) {
  align-items: flex-start;
  display: flex;
  gap: .75rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__line:where(.astro-6dtbx53t) > :where(.astro-6dtbx53t):last-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

.home-features:where(.astro-6dtbx53t) .home-features__line--gap:where(.astro-6dtbx53t) {
  margin-block-start: .75rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__gutter:where(.astro-6dtbx53t) {
  align-self: stretch;
  flex: none;
  width: 1.375rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__gutter--string:where(.astro-6dtbx53t) {
  background: linear-gradient(var(--glean-string, #c46b43), var(--glean-string, #c46b43)) center /
      2px 100% no-repeat;
}

.home-features:where(.astro-6dtbx53t) .home-features__gutter--end:where(.astro-6dtbx53t) {
  background-size: 2px calc(100% - .375rem);
  background-position: top;
}

.home-features:where(.astro-6dtbx53t) .home-features__marker:where(.astro-6dtbx53t) {
  background: var(--g-marker-bg, #9a4a26);
  border-radius: 999px;
  color: var(--g-marker-ink, #fff);
  flex: none;
  font-family: var(--font-family-mono, ui-monospace, monospace);
  font-size: .75rem;
  height: 1.375rem;
  line-height: 1.375rem;
  margin-block-start: 1px;
  text-align: center;
  width: 1.375rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__marker--large:where(.astro-6dtbx53t) {
  font-size: .8125rem;
  height: 1.75rem;
  line-height: 1.75rem;
  margin-block-start: 0;
  width: 1.75rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__syntax:where(.astro-6dtbx53t) {
  color: var(--g-muted, #4a615c);
}

.home-features:where(.astro-6dtbx53t) .home-features__strong:where(.astro-6dtbx53t) {
  font-weight: 500;
}

.home-features:where(.astro-6dtbx53t) .home-features__clip:where(.astro-6dtbx53t) mark:where(.astro-6dtbx53t) {
  background: var(--glean-mark-bg, #fbede5);
  border-radius: .25rem;
  box-decoration-break: clone;
  color: var(--glean-mark-ink, #12302b);
  padding: 1px .25rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__sections:where(.astro-6dtbx53t) {
  display: flex;
  flex-direction: column;
  gap: .25rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__callouts:where(.astro-6dtbx53t) {
  display: flex;
  flex: 22.5rem;
  flex-direction: column;
  gap: 1.75rem;
  list-style: none;
  margin: 0;
  min-width: 0;
  padding: 0;
}

.home-features:where(.astro-6dtbx53t) .home-features__callouts:where(.astro-6dtbx53t) li:where(.astro-6dtbx53t) {
  align-items: flex-start;
  display: flex;
  gap: 1rem;
  margin: 0;
  padding-inline-start: 0;
}

.home-features:where(.astro-6dtbx53t) .home-features__callouts:where(.astro-6dtbx53t) li:where(.astro-6dtbx53t) > div:where(.astro-6dtbx53t) {
  min-width: 0;
}

.home-features:where(.astro-6dtbx53t) .home-features__callouts:where(.astro-6dtbx53t) h4:where(.astro-6dtbx53t) {
  color: var(--g-ink, #12302b);
  font-size: 1.1875rem;
  line-height: 1.3;
  margin: 1px 0 0;
}

.home-features:where(.astro-6dtbx53t) .home-features__callouts:where(.astro-6dtbx53t) p:where(.astro-6dtbx53t) {
  color: var(--g-muted, #4a615c);
  line-height: 1.6;
  margin: .375rem 0 0;
  max-width: none;
}

.home-features:where(.astro-6dtbx53t) .home-features__destinations:where(.astro-6dtbx53t) {
  border-block-start: 1px solid var(--glean-border, #d5e3de);
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-block-start: 3rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__destinations-head:where(.astro-6dtbx53t) {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 3rem;
  justify-content: space-between;
}

.home-features:where(.astro-6dtbx53t) .home-features__destinations-head:where(.astro-6dtbx53t) .home-features__subtitle:where(.astro-6dtbx53t) {
  flex: 22.5rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__destinations-head:where(.astro-6dtbx53t) p:where(.astro-6dtbx53t) {
  flex: 22.5rem;
  margin: 0;
  max-width: 33.75rem;
  min-width: 0;
}

.home-features:where(.astro-6dtbx53t) .home-features__places:where(.astro-6dtbx53t) {
  gap: 1rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__places:where(.astro-6dtbx53t) li:where(.astro-6dtbx53t) {
  border: 1px solid var(--glean-border, #d5e3de);
  border-radius: .875rem;
  box-sizing: border-box;
  display: flex;
  flex: 12.5rem;
  flex-direction: column;
  gap: .5rem;
  min-width: 0;
  padding: 1.25rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__places:where(.astro-6dtbx53t) strong:where(.astro-6dtbx53t) {
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
}

.home-features:where(.astro-6dtbx53t) .home-features__where:where(.astro-6dtbx53t) {
  color: var(--g-muted, #4a615c);
  font-family: var(--font-family-mono, ui-monospace, monospace);
  font-size: .8125rem;
  line-height: 1.5;
}

.home-features:where(.astro-6dtbx53t) .home-features__where:where(.astro-6dtbx53t) span:where(.astro-6dtbx53t) {
  display: inline-block;
}

.home-features:where(.astro-6dtbx53t) .home-features__chip:where(.astro-6dtbx53t), .home-features:where(.astro-6dtbx53t) .home-features__inline-code:where(.astro-6dtbx53t) {
  color: var(--g-headline, #185c53);
  font-family: var(--font-family-mono, ui-monospace, monospace);
  letter-spacing: normal;
  text-transform: none;
}

.home-features:where(.astro-6dtbx53t) .home-features__chip:where(.astro-6dtbx53t) {
  align-self: flex-start;
  background: var(--g-chip, #e3efeb);
  border-radius: 999px;
  font-size: .8125rem;
  line-height: 1.4;
  margin-block-start: auto;
  overflow-wrap: anywhere;
  padding: .25rem .75rem;
}

.home-features:where(.astro-6dtbx53t) .home-features__inline-code:where(.astro-6dtbx53t) {
  background: none;
  font-size: .875rem;
  padding: 0;
  white-space: nowrap;
}

.home-features:where(.astro-6dtbx53t) .home-features__foot:where(.astro-6dtbx53t) {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 2rem;
  justify-content: space-between;
}

.home-features:where(.astro-6dtbx53t) .home-features__foot:where(.astro-6dtbx53t) p:where(.astro-6dtbx53t) {
  flex: 26.25rem;
  margin: 0;
  max-width: none;
  min-width: 0;
}

.home-features:where(.astro-6dtbx53t) .home-features__guide:where(.astro-6dtbx53t) {
  align-items: center;
  color: var(--g-headline, #185c53);
  display: inline-flex;
  font-size: 1.0625rem;
  font-weight: 600;
  gap: .5rem;
  min-height: 44px;
  text-underline-offset: 5px;
}

.home-features:where(.astro-6dtbx53t) .home-features__guide:where(.astro-6dtbx53t):focus-visible {
  outline: 2px solid var(--g-headline, #185c53);
  outline-offset: 3px;
}
.copy-command:where(.astro-gnvn375e) {
  align-items: center;
  display: flex;
  gap: .75rem;
  justify-content: space-between;
}

.copy-command:where(.astro-gnvn375e) + .copy-command:where(.astro-gnvn375e) {
  margin-block-start: .25rem;
}

.copy-command:where(.astro-gnvn375e) .copy-command__text:where(.astro-gnvn375e) {
  background: none;
  color: var(--g-code-ink, inherit);
  font-family: var(--font-family-mono, ui-monospace, monospace);
  font-size: .875rem;
  line-height: 1.6;
  min-width: 0;
  overflow-wrap: anywhere;
  padding: 0;
}

.copy-command:where(.astro-gnvn375e) .copy-command__button:where(.astro-gnvn375e) {
  align-items: center;
  background: none;
  block-size: 2rem;
  border: 0;
  border-radius: .5rem;
  color: var(--g-code-ink, inherit);
  cursor: pointer;
  display: inline-flex;
  filter: none;
  flex: none;
  inline-size: 2rem;
  justify-content: center;
  padding: 0;
  transform: none;
  transition: background-color .15s ease-out;
}

.copy-command:where(.astro-gnvn375e) .copy-command__button:where(.astro-gnvn375e):hover {
  background-color: color-mix(in srgb, currentcolor 12%, transparent);
}

.copy-command:where(.astro-gnvn375e) .copy-command__button:where(.astro-gnvn375e):focus-visible {
  outline: 2px solid var(--g-headline, currentcolor);
  outline-offset: 2px;
}

.copy-command:where(.astro-gnvn375e) .copy-command__icon--done:where(.astro-gnvn375e), .copy-command:where(.astro-gnvn375e) .copy-command__button:where(.astro-gnvn375e)[data-state="copied"] .copy-command__icon--copy:where(.astro-gnvn375e) {
  display: none;
}

.copy-command:where(.astro-gnvn375e) .copy-command__button:where(.astro-gnvn375e)[data-state="copied"] .copy-command__icon--done:where(.astro-gnvn375e) {
  display: block;
}

.copy-command__hidden:where(.astro-gnvn375e) {
  block-size: 1px;
  clip-path: inset(50%);
  inline-size: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}
.glean-part:where(.astro-xwys552d) {
  --glean-x: calc(var(--glean-gutter, 3.5rem) * -1 + 1.375rem);
  margin: 0;
  padding-inline-start: 0;
  position: relative;
}

.glean-part__string:where(.astro-xwys552d) {
  background: var(--glean-string, #c46b43);
  border-radius: 2px;
  bottom: calc(var(--glean-gap, 1.25rem) * -1);
  left: calc(var(--glean-x) - 1.5px);
  position: absolute;
  top: 0;
  width: 3px;
}

.glean-part__wrap:where(.astro-xwys552d) {
  color: var(--glean-string, #c46b43);
  height: 16px;
  left: calc(var(--glean-x) - 12px);
  position: absolute;
  top: 1.375rem;
  width: 24px;
}

.glean-part__card:where(.astro-xwys552d) {
  background: var(--glean-surface, #fff);
  border: 1px solid var(--glean-border, #d5e3de);
  border-radius: .875rem;
  color: var(--glean-ink, #12302b);
  padding: 1.125rem 1.25rem;
}

.glean-part__ask:where(.astro-xwys552d), .glean-part__reply:where(.astro-xwys552d) {
  font-family: var(--font-family-mono, ui-monospace, monospace);
  font-size: .875rem;
  line-height: 1.5;
  margin: 0;
  max-width: none;
}

.glean-part__reply:where(.astro-xwys552d) {
  color: var(--glean-reply, #185c53);
  font-size: .8125rem;
  margin-block-start: .75rem;
}

.glean-part__who:where(.astro-xwys552d) {
  margin-inline-end: 1ch;
}

.glean-part__ask:where(.astro-xwys552d) .glean-part__who:where(.astro-xwys552d) {
  color: var(--glean-you, #9a4a26);
}

.glean-part__reply:where(.astro-xwys552d) .glean-part__who:where(.astro-xwys552d) {
  font-weight: 600;
}
.saved-clip:where(.astro-fx2fk6rk) {
  --glean-x: calc(var(--glean-gutter, 3.5rem) * -1 + 1.375rem);
  margin: 0;
  padding-inline-start: 0;
  position: relative;
}

.saved-clip__string:where(.astro-fx2fk6rk) {
  background: var(--glean-string, #c46b43);
  border-radius: 2px;
  height: calc(var(--glean-gap, 1.25rem) + 1.75rem);
  left: calc(var(--glean-x) - 1.5px);
  position: absolute;
  top: calc(var(--glean-gap, 1.25rem) * -1);
  width: 3px;
}

.saved-clip__bow:where(.astro-fx2fk6rk) {
  color: var(--glean-string, #c46b43);
  height: 35px;
  left: calc(var(--glean-x) - 18.5px);
  position: absolute;
  top: 1.125rem;
  width: 60px;
}

.saved-clip__card:where(.astro-fx2fk6rk) {
  background: var(--glean-clip-bg, #185c53);
  border-radius: 1rem;
  color: var(--glean-clip-ink, #fff);
  padding: 1.375rem 1.5rem 1.5rem;
}

.saved-clip__label:where(.astro-fx2fk6rk), .saved-clip__tags:where(.astro-fx2fk6rk) li:where(.astro-fx2fk6rk), .saved-clip__destination:where(.astro-fx2fk6rk) {
  font-family: var(--font-family-mono, ui-monospace, monospace);
}

.saved-clip__label:where(.astro-fx2fk6rk) {
  color: var(--glean-clip-muted, #cfe5de);
  font-size: .75rem;
  letter-spacing: .08em;
  line-height: 1.4;
  margin: 0;
  text-transform: uppercase;
}

.saved-clip__title:where(.astro-fx2fk6rk) {
  color: var(--glean-clip-ink, #fff);
  font-family: "Plus Jakarta Sans", var(--font-family-display, sans-serif);
  font-size: 1.75rem;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.15;
  margin: .5rem 0 0;
  text-transform: none;
}

.saved-clip__summary:where(.astro-fx2fk6rk) {
  color: var(--glean-clip-muted, #cfe5de);
  font-size: 1rem;
  line-height: 1.5;
  margin: .5rem 0 0;
  max-width: none;
}

.saved-clip__tags:where(.astro-fx2fk6rk) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: .5rem;
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
}

.saved-clip__tags:where(.astro-fx2fk6rk) li:where(.astro-fx2fk6rk) {
  border: 1px solid var(--glean-clip-muted, #cfe5de);
  border-radius: 999px;
  font-size: .8125rem;
  line-height: 1.4;
  margin: 0;
  padding: .25rem .75rem;
}

.saved-clip__destination:where(.astro-fx2fk6rk) {
  border-block-start: 1px solid var(--glean-clip-rule, #3e7a70);
  color: var(--glean-clip-muted, #cfe5de);
  font-size: .8125rem;
  line-height: 1.5;
  margin: 1.125rem 0 0;
  max-width: none;
  padding-block-start: .875rem;
}
.home-hero:where(.astro-4k5fhrhq) {
  --glean-gutter: 3.5rem;
  --glean-gap: 1.25rem;
  --hero-display-size: clamp(3rem, 5.4vw, 4.875rem);
  --hero-deck-size: clamp(1rem, calc(var(--hero-display-size) / 3.4), 1.375rem);
  align-items: flex-start;
  background-color: var(--g-ground);
  box-sizing: border-box;
  color: var(--g-ink);
  display: flex;
  flex-wrap: wrap;
  gap: 3.5rem 5rem;
  grid-template-areas: none;
  grid-template-rows: auto;
  min-height: fit-content;
  min-width: 0;
  padding-block: 4rem 5.5rem;
  padding-inline: max(1.25rem, calc((100% - var(--max-content-width, 80rem)) / 2));
  width: 100%;
}

.home-hero:where(.astro-4k5fhrhq) > .home-hero__lede:where(.astro-4k5fhrhq), .home-hero:where(.astro-4k5fhrhq) > .home-hero__example:where(.astro-4k5fhrhq) {
  display: block;
  gap: normal;
  grid-area: auto;
  margin-inline: 0;
  min-width: 0;
  padding-inline: 0;
  text-align: left;
}

.home-hero:where(.astro-4k5fhrhq) > .home-hero__lede:where(.astro-4k5fhrhq) {
  flex: 28rem;
  max-width: 40rem;
}

.home-hero:where(.astro-4k5fhrhq) > .home-hero__example:where(.astro-4k5fhrhq) {
  flex: 28rem;
  max-width: 36rem;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__eyebrow:where(.astro-4k5fhrhq), .home-hero:where(.astro-4k5fhrhq) .home-hero__example-title:where(.astro-4k5fhrhq) {
  color: var(--g-muted);
  font-family: var(--font-family-mono, ui-monospace, monospace);
  font-size: .8125rem;
  font-weight: 400;
  letter-spacing: .08em;
  line-height: 1.4;
  text-transform: uppercase;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__eyebrow:where(.astro-4k5fhrhq) {
  margin: 0 0 1.375rem;
  max-width: none;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__display:where(.astro-4k5fhrhq) {
  color: var(--g-headline);
  font-family: "Plus Jakarta Sans", var(--font-family-display, sans-serif);
  font-size: var(--hero-display-size);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.02;
  margin: 0;
  overflow-wrap: break-word;
  text-align: left;
  text-transform: none;
  text-wrap: balance;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__deck:where(.astro-4k5fhrhq) {
  font-family: var(--font-family-sans, sans-serif);
  font-size: var(--hero-deck-size);
  line-height: 1.55;
  margin: 1.75rem 0 0;
  max-width: 34em;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__cta:where(.astro-4k5fhrhq) {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1.5rem;
  margin-block-start: 2.25rem;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__button:where(.astro-4k5fhrhq) {
  align-items: center;
  background-color: var(--g-button-bg);
  border-radius: 999px;
  box-sizing: border-box;
  color: var(--g-button-ink);
  display: inline-flex;
  font-family: "Plus Jakarta Sans", var(--font-family-sans, sans-serif);
  font-size: 1.0625rem;
  font-weight: 650;
  gap: .625rem;
  min-height: 3.25rem;
  padding: 0 1.625rem;
  text-decoration: none;
  transition: background-color .15s ease-out;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__button:where(.astro-4k5fhrhq):hover {
  background-color: var(--g-button-hover);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__link:where(.astro-4k5fhrhq) {
  align-items: center;
  color: var(--g-link);
  display: inline-flex;
  font-size: 1.0625rem;
  font-weight: 600;
  min-height: 44px;
  text-underline-offset: 5px;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__button:where(.astro-4k5fhrhq):focus-visible, .home-hero:where(.astro-4k5fhrhq) .home-hero__link:where(.astro-4k5fhrhq):focus-visible {
  outline: 2px solid var(--g-headline);
  outline-offset: 3px;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__install:where(.astro-4k5fhrhq) {
  background-color: var(--g-code-bg);
  border-radius: .75rem;
  margin-block-start: 2.25rem;
  max-width: 30rem;
  padding: .875rem 1.125rem;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__install-label:where(.astro-4k5fhrhq) {
  color: var(--g-muted);
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 .5rem;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__fine:where(.astro-4k5fhrhq) {
  color: var(--g-muted);
  font-size: .9375rem;
  line-height: 1.6;
  margin: .5rem 0 0;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__install:where(.astro-4k5fhrhq) + .home-hero__fine:where(.astro-4k5fhrhq) {
  margin-block-start: 1.75rem;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__fine:where(.astro-4k5fhrhq) strong:where(.astro-4k5fhrhq) {
  color: var(--g-ink);
  font-weight: 600;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__example-title:where(.astro-4k5fhrhq) {
  margin: 0 0 1.125rem var(--glean-gutter);
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__thread:where(.astro-4k5fhrhq) {
  display: flex;
  flex-direction: column;
  gap: var(--glean-gap);
  list-style: none;
  margin: 0;
  padding: 0 0 0 var(--glean-gutter);
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__passage:where(.astro-4k5fhrhq) {
  font-size: 1.0625rem;
  line-height: 1.5;
  margin: .875rem 0 0;
  max-width: none;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__passage:where(.astro-4k5fhrhq) mark:where(.astro-4k5fhrhq) {
  background-color: var(--glean-mark-bg);
  border-radius: .25rem;
  box-decoration-break: clone;
  color: var(--glean-mark-ink);
  padding: .125rem .25rem;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__table:where(.astro-4k5fhrhq) {
  background-color: var(--glean-mark-bg);
  border-collapse: collapse;
  color: var(--glean-mark-ink);
  font-size: .9375rem;
  line-height: 1.4;
  margin: .875rem 0 0;
  width: 100%;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__table:where(.astro-4k5fhrhq) caption:where(.astro-4k5fhrhq) {
  color: var(--glean-ink);
  font-size: .875rem;
  font-weight: 600;
  padding: 0 0 .5rem;
  text-align: left;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__table:where(.astro-4k5fhrhq) td:where(.astro-4k5fhrhq) {
  border: 0;
  padding: .5rem .75rem;
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__table:where(.astro-4k5fhrhq) tr:where(.astro-4k5fhrhq) + tr:where(.astro-4k5fhrhq) td:where(.astro-4k5fhrhq) {
  border-block-start: 1px solid var(--glean-mark-rule);
}

.home-hero:where(.astro-4k5fhrhq) .home-hero__table:where(.astro-4k5fhrhq) td:where(.astro-4k5fhrhq):last-child {
  font-family: var(--font-family-mono, ui-monospace, monospace);
  font-size: .875rem;
  text-align: right;
  white-space: nowrap;
}

:root[data-theme="dark"] .home-hero:where(.astro-4k5fhrhq) {
  background-color: var(--g-ground);
  color: var(--g-ink);
}

@media (width <= 30rem) {
  .home-hero:where(.astro-4k5fhrhq) {
    --glean-gutter: 2.75rem;
    padding-block: 3rem 4rem;
  }
}
.home-install:where(.astro-bdk6thnc) {
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-sans, sans-serif);
  gap: 2.5rem;
  padding-block: 2rem 3rem;
}

.home-install:where(.astro-bdk6thnc) .home-install__head:where(.astro-bdk6thnc) {
  max-width: 40rem;
}

.home-install:where(.astro-bdk6thnc) .home-install__title:where(.astro-bdk6thnc) {
  font-size: clamp(1.625rem, 4vw, 2.125rem);
  line-height: 1.15;
  margin: 0;
  text-transform: none;
}

.home-install:where(.astro-bdk6thnc) .home-install__lede:where(.astro-bdk6thnc) {
  font-size: 1.0625rem;
  line-height: 1.6;
  margin: .75rem 0 0;
  max-width: none;
}

.home-install:where(.astro-bdk6thnc) .home-install__cols:where(.astro-bdk6thnc) {
  color: var(--g-ink, #12302b);
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
}

.home-install:where(.astro-bdk6thnc) .home-install__card:where(.astro-bdk6thnc) {
  background: var(--g-card, #f5f8f6);
  border: 1px solid var(--glean-border, #d5e3de);
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: clamp(1.25rem, 3vw, 1.75rem);
}

.home-install:where(.astro-bdk6thnc) .home-install__name:where(.astro-bdk6thnc) {
  color: var(--g-headline, #185c53);
  font-family: "Plus Jakarta Sans", var(--font-family-display, sans-serif);
  font-size: 1.75rem;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.1;
  margin: 0;
}

.home-install:where(.astro-bdk6thnc) .home-install__where:where(.astro-bdk6thnc) {
  color: var(--g-muted, #4a615c);
  margin: .375rem 0 0;
  max-width: none;
}

.home-install:where(.astro-bdk6thnc) .home-install__steps:where(.astro-bdk6thnc) {
  display: grid;
  gap: .5rem;
  line-height: 1.6;
  margin: 1.25rem 0 0;
  padding-inline-start: 1.25rem;
}

.home-install:where(.astro-bdk6thnc) .home-install__steps:where(.astro-bdk6thnc) li:where(.astro-bdk6thnc) {
  margin: 0;
  padding-inline-start: 0;
}

.home-install:where(.astro-bdk6thnc) .home-install__cols:where(.astro-bdk6thnc) code:where(.astro-bdk6thnc) {
  background: var(--g-chip, #e3efeb);
  border-radius: .375rem;
  color: var(--g-code-ink, #185c53);
  font-family: var(--font-family-mono, ui-monospace, monospace);
  font-size: .875em;
  overflow-wrap: anywhere;
  padding: .0625rem .375rem;
}

.home-install:where(.astro-bdk6thnc) .home-install__label:where(.astro-bdk6thnc) {
  font-weight: 700;
  margin: 1rem 0 .5rem;
}

.home-install:where(.astro-bdk6thnc) .home-install__code:where(.astro-bdk6thnc) {
  background: var(--g-chip, #e3efeb);
  border-radius: .5rem;
  padding: .875rem 1rem;
}

.home-install:where(.astro-bdk6thnc) .home-install__needs:where(.astro-bdk6thnc) {
  color: var(--g-muted, #4a615c);
  font-size: .9375rem;
  line-height: 1.6;
  margin: 1.25rem 0 0;
  max-width: none;
}

.home-install:where(.astro-bdk6thnc) .home-install__more:where(.astro-bdk6thnc) {
  align-self: flex-start;
  color: var(--g-link, #185c53);
  font-weight: 600;
  margin-block-start: auto;
  padding-block-start: 1rem;
  text-decoration: underline;
  text-underline-offset: .2em;
}
main:has(.home-install) > section {
  padding-inline: clamp(0rem,
      calc((var(--max-content-width, 80rem) + 2.5rem - 100vw) / 2),
      1.25rem);
}