/* Site overrides applied after the exported Webflow stylesheet. */

/* The Webflow runtime injects a "Made in Webflow" badge into the DOM at load.
   It has no markup in the source, so it is suppressed here. */
.w-webflow-badge { display: none !important; }

/* The "Our contributors" grid was a Webflow CMS collection with no data source
   behind it, so the section is now just a heading and a link. Tighten the
   spacing that was sized for the missing grid. */
.section.contributors-section {
  padding-top: 56px;
  padding-bottom: 56px;
}
.section.contributors-section .turq-txt {
  margin-top: 14px;
}

/* Below 480px the Webflow stylesheet hides the real team grid
   (.monadians-collection) and shows a phone-only stand-in
   (.monadians-collection.mobile) that Finsweet's CMS Load script used to fill
   from the Webflow CMS. That CMS is gone, so the stand-in is permanently empty
   and the 16 credited people vanished on phones. Show the real collection,
   drop the empty stand-in, and lay the cards out two-up. */
@media screen and (max-width: 479px) {
  .monadians-section .monadians-collection {
    display: flex;
  }
  .monadians-section .monadians-collection.mobile {
    display: none;
  }
  .monadians-section .collection-list-monadians {
    flex-flow: row wrap;
    column-gap: 16px;
    row-gap: 24px;
    align-items: flex-start;
  }
  .monadians-section .collection-list-monadians > .n-list-item.monadians {
    width: calc(50% - 8px);
  }
  /* Load-bearing: the base rule pins these to 260px, which overflows a 390px
     viewport once they sit two to a row. */
  .monadians-section .team-member {
    width: 100%;
    padding: 24px 8px;
  }
}


/* The contact section was a two-column Webflow layout: a left column, plus a
   divider and a `.contact-details` column holding the HubSpot form and social
   links. Both of those are gone, but the base rule still reads
   `.contact-wrap { display:flex; justify-content:space-between; max-width:1200px }`.
   The one surviving child does not grow, so it shrink-to-fits and leaves ~596px
   blank on the right. Centre the lone column. Below 992px the Webflow bundle
   already makes .contact-wrap a full-width column, so this is desktop-only. */
@media screen and (min-width: 992px) {
  .contact-wrap {
    justify-content: center;
  }
}

/* ---------------------------------------------------------------------------
   "New language for a new programming model" — replaces the testimonial
   slider on the homepage. Ported from the Docusaurus landing page, rebuilt in
   plain CSS because that page is Tailwind-based and this site is not.
   Palette matches the vendored Webflow bundle: #111414 page, #1c2021 surface,
   #f1f0f1 text, #7b8e87 muted, #45e6b5 accent.
   --------------------------------------------------------------------------- */
.wl-model-section {
  background: #111414;
  padding: 96px 24px;
}
.wl-model-inner {
  max-width: 1120px;
  margin: 0 auto;
}
.wl-model__heading {
  margin: 0 0 20px;
  font-family: "TASA Orbiter Display", Satoshi, sans-serif;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.1;
  color: #f1f0f1;
  text-align: center;
}
.wl-model__lede {
  margin: 0 auto 56px;
  max-width: 760px;
  font-size: 17px;
  line-height: 1.6;
  color: #a8b3ae;
  text-align: center;
}
.wl-code-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
.wl-code-card {
  background: #1c2021;
  border: 1px solid #344141;
  border-radius: 10px;
  padding: 28px;
  min-width: 0;               /* let the pre scroll instead of stretching the grid */
}
.wl-code-card__title {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 600;
  color: #f1f0f1;
}
.wl-code-card__blurb {
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 1.5;
  color: #a8b3ae;
}
.wl-code-card__code {
  margin: 0;
  padding: 18px;
  background: #0d0f10;
  border-radius: 8px;
  overflow-x: auto;           /* wide code scrolls inside the card, never the page */
  font-size: 13px;
  line-height: 1.55;
  color: #d7dedb;
  tab-size: 2;
}
.wl-code-card__code code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  white-space: pre;
}

.wl-recognition {
  margin-top: 64px;
  padding-top: 40px;
  border-top: 1px solid #1c2021;
}
.wl-recognition__label {
  margin: 0 0 24px;
  text-align: center;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #7b8e87;
}
.wl-recognition__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.wl-recognition__item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 20px;
  background: #1c2021;
  border: 1px solid #344141;
  border-radius: 8px;
  text-decoration: none;
  transition: border-color .15s ease;
}
.wl-recognition__item:hover {
  border-color: #45e6b5;
}
.wl-recognition__name {
  font-size: 15px;
  font-weight: 600;
  color: #f1f0f1;
}
.wl-recognition__detail {
  font-size: 14px;
  line-height: 1.45;
  color: #7b8e87;
}

@media screen and (max-width: 900px) {
  .wl-code-grid,
  .wl-recognition__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .wl-model-section { padding: 64px 20px; }
}

/* The footer licence line inherits `.text-block-3.bob { color: #344141 }` from the
   Webflow bundle, which sits at roughly 1.8:1 against the near-black footer — well
   under the 4.5:1 WCAG AA needs for body text. Lift it to the palette's muted tone,
   which clears AA on the same background. */
.text-block-3.bob {
  color: #a8b3ae;
}

/* --- Shared chrome typography -------------------------------------------
   The Webflow bundle sets the navbar and footer in IBM Plex Sans, while the
   Docusaurus half sets them in TASA Orbiter Text. Crossing from a marketing
   page into /docs therefore changed the typeface of the bar itself. Put both
   on TASA Orbiter Text, which the page bodies already use. Page content
   keeps the original Webflow treatment, hero serif included.            */
.n-navbar,
.n-nav-link,
.n-drop-link,
.nav-git,
.footer,
.footer .link,
.footer .text-block-2,
.text-block-3.bob {
  font-family: "TASA Orbiter Text", sans-serif;
}

.n-nav-link,
.nav-git {
  font-weight: 500;
  /* the Webflow bundle sets 14px here and scales the page font with the
     viewport; the docs bar is a fixed 16px, so below 1900px the two bars
     disagreed on size. Pin both to 16px. */
  font-size: 16px;
}

/* Same monospace stack the docs half uses, so a code sample reads the same
   on the homepage as it does in the documentation. */
code,
pre,
.wl-code-card__code {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
    "Liberation Mono", "Courier New", monospace;
}