/* [next]/internal/font/google/figtree_6807fe55.module.css [app-client] (css) */
@font-face {
  font-family: Figtree;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/400bf8aa837fcb7e-s.p.19g-lkcx7iw64.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Figtree;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/f7aa21714c1c53f8-s.p.0-95eo-012xnf.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Figtree;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/400bf8aa837fcb7e-s.p.19g-lkcx7iw64.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Figtree;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/f7aa21714c1c53f8-s.p.0-95eo-012xnf.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Figtree;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/400bf8aa837fcb7e-s.p.19g-lkcx7iw64.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Figtree;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/f7aa21714c1c53f8-s.p.0-95eo-012xnf.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Figtree;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/400bf8aa837fcb7e-s.p.19g-lkcx7iw64.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Figtree;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/f7aa21714c1c53f8-s.p.0-95eo-012xnf.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Figtree Fallback;
  src: local(Arial);
  ascent-override: 94.32%;
  descent-override: 24.82%;
  line-gap-override: 0.0%;
  size-adjust: 100.72%;
}

.figtree_6807fe55-module__uixdMa__className {
  font-family: Figtree, Figtree Fallback;
  font-style: normal;
}

.figtree_6807fe55-module__uixdMa__variable {
  --font-figtree: "Figtree", "Figtree Fallback";
}

/* [next]/internal/font/google/wix_madefor_display_fb7968db.module.css [app-client] (css) */
@font-face {
  font-family: Wix Madefor Display;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/72a5f2ffa4579d42-s.3iynvsw3bteu5.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Wix Madefor Display;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/cb1d44047456b6aa-s.0i1vraf21-5wy.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Wix Madefor Display;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/10ae62993a7a5831-s.06iecwgg10c5h.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Wix Madefor Display;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/6dcb58b56d495945-s.p.2g_n53c3kutca.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Wix Madefor Display;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/a98486ef7c5f003f-s.p.1bkskgm-rm2mh.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Wix Madefor Display;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/72a5f2ffa4579d42-s.3iynvsw3bteu5.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Wix Madefor Display;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/cb1d44047456b6aa-s.0i1vraf21-5wy.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Wix Madefor Display;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/10ae62993a7a5831-s.06iecwgg10c5h.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Wix Madefor Display;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/6dcb58b56d495945-s.p.2g_n53c3kutca.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Wix Madefor Display;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/a98486ef7c5f003f-s.p.1bkskgm-rm2mh.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Wix Madefor Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/72a5f2ffa4579d42-s.3iynvsw3bteu5.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Wix Madefor Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/cb1d44047456b6aa-s.0i1vraf21-5wy.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Wix Madefor Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/10ae62993a7a5831-s.06iecwgg10c5h.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Wix Madefor Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/6dcb58b56d495945-s.p.2g_n53c3kutca.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Wix Madefor Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/a98486ef7c5f003f-s.p.1bkskgm-rm2mh.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Wix Madefor Display Fallback;
  src: local(Arial);
  ascent-override: 96.64%;
  descent-override: 24.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.31%;
}

.wix_madefor_display_fb7968db-module___-zCjG__className {
  font-family: Wix Madefor Display, Wix Madefor Display Fallback;
  font-style: normal;
}

.wix_madefor_display_fb7968db-module___-zCjG__variable {
  --font-wix-madefor: "Wix Madefor Display", "Wix Madefor Display Fallback";
}

/* [project]/src/components/layout/Logo.module.css [app-client] (css) */
.Logo-module__WIRVka__logo {
  --logo-ink: #272c35;
  color: var(--logo-ink);
  flex-shrink: 0;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.Logo-module__WIRVka__logo:hover {
  color: var(--logo-ink);
  text-decoration: none;
}

.Logo-module__WIRVka__lockup {
  aspect-ratio: 888 / 128;
  width: auto;
  height: 30px;
  display: block;
}

.Logo-module__WIRVka__dark {
  --logo-ink: #fff;
}

[data-surface="dark"] .Logo-module__WIRVka__logo {
  --logo-ink: #fff;
}

/* [project]/src/components/layout/Header.module.css [app-client] (css) */
.Header-module__lnUIdW__header {
  z-index: 50;
  background: color-mix(in srgb, var(--surface-paper) 96%, transparent);
  -webkit-backdrop-filter: saturate(1.4) blur(8px);
  backdrop-filter: saturate(1.4) blur(8px);
  border-bottom: 1px solid var(--color-border);
  position: sticky;
  top: 0;
}

.Header-module__lnUIdW__inner {
  height: var(--header-height);
  align-items: center;
  gap: 2rem;
  display: flex;
}

.Header-module__lnUIdW__nav {
  flex: 1;
  align-self: stretch;
}

.Header-module__lnUIdW__menu {
  gap: .25rem;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.Header-module__lnUIdW__menu > li {
  align-items: center;
  display: flex;
}

.Header-module__lnUIdW__topLink {
  cursor: pointer;
  border-radius: var(--radius-sm);
  color: var(--color-text-strong);
  font: var(--type-ui);
  transition: color var(--dur-hover) var(--ease-out),
    background-color var(--dur-hover) var(--ease-out);
  background: none;
  border: 0;
  padding: .5rem .75rem;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.Header-module__lnUIdW__hasDropdown:not([data-closed]):focus-within > .Header-module__lnUIdW__topLink {
  color: var(--color-link);
  background: var(--surface-sky);
}

@media (hover: hover) and (pointer: fine) {
  .Header-module__lnUIdW__topLink:hover, .Header-module__lnUIdW__hasDropdown:not([data-closed]):hover > .Header-module__lnUIdW__topLink {
    color: var(--color-link);
    background: var(--surface-sky);
  }
}

.Header-module__lnUIdW__hasDropdown > .Header-module__lnUIdW__topLink:after {
  content: "";
  opacity: .6;
  width: 6px;
  height: 6px;
  transition: transform var(--dur-hover) var(--ease-out);
  border-bottom: 1.5px solid;
  border-right: 1.5px solid;
  margin-left: .45rem;
  display: inline-block;
  transform: translateY(-3px)rotate(45deg);
}

.Header-module__lnUIdW__hasDropdown:not([data-closed]):is(:hover, :focus-within) > .Header-module__lnUIdW__topLink:after {
  transform: translateY(0)rotate(225deg);
}

.Header-module__lnUIdW__dropdown {
  background: var(--surface-paper);
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s var(--ease-out),
    transform .15s var(--ease-out),
    visibility .15s var(--ease-out);
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  transform: translateY(-6px);
  box-shadow: 0 24px 48px -24px #11162038;
}

.Header-module__lnUIdW__hasDropdown:not([data-closed]):is(:hover, :focus-within) .Header-module__lnUIdW__dropdown {
  visibility: visible;
  opacity: 1;
  transition-duration: .22s;
  transform: none;
}

.Header-module__lnUIdW__panel {
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 3rem;
  padding-block: 2.25rem 2.5rem;
  display: grid;
}

.Header-module__lnUIdW__columns {
  grid-template-columns: repeat(var(--cols, 1), minmax(0, 1fr));
  align-content: start;
  gap: 0 2rem;
  display: grid;
}

.Header-module__lnUIdW__colHeading {
  border-bottom: 1px solid var(--color-border);
  font: var(--type-caption);
  color: var(--color-text-muted);
  margin: 0 0 .75rem;
  padding: 0 .75rem .75rem;
  font-weight: 600;
}

.Header-module__lnUIdW__column ul {
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.Header-module__lnUIdW__column a {
  border-radius: var(--radius-sm);
  min-height: 44px;
  font: var(--type-body);
  color: var(--color-text-strong);
  transition: color var(--dur-hover) var(--ease-out),
    background-color var(--dur-hover) var(--ease-out);
  align-items: center;
  padding: .5rem .75rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

@media (hover: hover) and (pointer: fine) {
  .Header-module__lnUIdW__column a:hover {
    background: var(--surface-sky);
    color: var(--color-link);
  }
}

.Header-module__lnUIdW__overview {
  border-radius: var(--radius);
  background: var(--surface-mist);
  flex-direction: column;
  align-self: start;
  align-items: flex-start;
  gap: .5rem;
  padding: 1.5rem;
  display: flex;
}

.Header-module__lnUIdW__overviewTitle {
  font: var(--type-h3);
  letter-spacing: var(--type-h3-tracking);
  color: var(--color-text-strong);
  margin: 0;
}

.Header-module__lnUIdW__overviewText {
  font: var(--type-small);
  color: var(--color-text-muted);
  margin: 0 0 .25rem;
}

.Header-module__lnUIdW__actions {
  gap: .5rem;
  display: flex;
}

.Header-module__lnUIdW__mobile {
  margin-left: auto;
  display: none;
}

.Header-module__lnUIdW__mobile summary {
  cursor: pointer;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-strong);
  place-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  list-style: none;
  display: grid;
}

.Header-module__lnUIdW__mobile summary::-webkit-details-marker {
  display: none;
}

.Header-module__lnUIdW__mobile summary span {
  background: var(--color-text-strong);
  width: 18px;
  height: 2px;
  transition: transform var(--dur-card) var(--ease-out),
    opacity var(--dur-card) var(--ease-out);
  border-radius: 2px;
  display: block;
}

.Header-module__lnUIdW__mobile[open] summary span:first-child {
  transform: translateY(7px)rotate(45deg);
}

.Header-module__lnUIdW__mobile[open] summary span:nth-child(2) {
  opacity: 0;
}

.Header-module__lnUIdW__mobile[open] summary span:nth-child(3) {
  transform: translateY(-7px)rotate(-45deg);
}

@media (prefers-reduced-motion: reduce) {
  .Header-module__lnUIdW__mobile summary span {
    transition: none;
  }

  .Header-module__lnUIdW__dropdown {
    transform: none;
  }
}

html:has(header details[open]) {
  overflow: hidden;
}

@media (min-width: 961px) {
  html:has(header details[open]) {
    overflow: visible;
  }
}

.Header-module__lnUIdW__mobilePanel {
  left: 0;
  right: 0;
  top: var(--header-height);
  max-height: calc(100dvh - var(--header-height));
  background: var(--surface-paper);
  border-bottom: 1px solid var(--color-border);
  padding: 1rem var(--gutter) 2rem;
  box-shadow: var(--shadow);
  position: absolute;
  overflow-y: auto;
}

.Header-module__lnUIdW__mobileGroup {
  border-bottom: 1px solid var(--color-border);
  padding: .75rem 0;
}

.Header-module__lnUIdW__mobileTop {
  font: var(--type-ui);
  color: var(--color-text-strong);
  font-size: 1rem;
  text-decoration: none;
}

.Header-module__lnUIdW__mobileCols {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem 1rem;
  margin-top: .6rem;
  display: grid;
}

.Header-module__lnUIdW__mobileColHeading {
  font: var(--type-caption);
  color: var(--color-text-muted);
  margin: 0 0 .2rem;
}

.Header-module__lnUIdW__mobileCols ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.Header-module__lnUIdW__mobileCols a {
  font: var(--type-ui);
  color: var(--color-text);
  padding: .3rem 0;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.Header-module__lnUIdW__mobilePanel > .btn {
  width: 100%;
  margin-top: .75rem;
}

.Header-module__lnUIdW__mobilePanel > .btn:first-of-type {
  margin-top: 1.25rem;
}

@media (max-width: 960px) {
  .Header-module__lnUIdW__nav, .Header-module__lnUIdW__actions {
    display: none;
  }

  .Header-module__lnUIdW__mobile {
    display: block;
  }
}

/* [project]/src/components/layout/Footer.module.css [app-client] (css) */
.Footer-module__3hUVsW__footer {
  --surface-panel: var(--surface-graphite-panel);
  --surface-panel-border: var(--surface-graphite-border);
  background: var(--surface-graphite);
  color: var(--color-text-inverse);
  font: var(--type-small);
  padding-block: 4rem 2rem;
}

.Footer-module__3hUVsW__top {
  grid-template-columns: minmax(180px, 1fr) 4fr;
  gap: 3rem;
  display: grid;
}

.Footer-module__3hUVsW__brand p {
  color: var(--color-text-inverse);
  margin-top: 1rem;
}

.Footer-module__3hUVsW__columns {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 2rem;
  display: grid;
}

@media (min-width: 1100px) {
  .Footer-module__3hUVsW__columns {
    grid-template-columns: repeat(5, 1fr);
  }
}

.Footer-module__3hUVsW__heading {
  font: var(--type-ui);
  color: var(--color-text-strong-inverse);
  margin-bottom: 1rem;
}

.Footer-module__3hUVsW__heading a {
  color: inherit;
  transition: color var(--dur-hover) var(--ease-out);
  text-decoration: none;
}

.Footer-module__3hUVsW__columns ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.Footer-module__3hUVsW__columns li {
  margin-bottom: .5rem;
}

.Footer-module__3hUVsW__columns ul a {
  color: var(--color-text-inverse);
  transition: color var(--dur-hover) var(--ease-out);
  text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
  .Footer-module__3hUVsW__heading a:hover, .Footer-module__3hUVsW__columns ul a:hover {
    color: var(--color-link-inverse);
    text-decoration: underline;
  }
}

.Footer-module__3hUVsW__bottom {
  border-top: 1px solid var(--color-border);
  color: var(--color-text-muted-inverse);
  margin-top: 3rem;
  padding-top: 1.5rem;
}

.Footer-module__3hUVsW__bottom p {
  margin: 0;
}

@media (max-width: 800px) {
  .Footer-module__3hUVsW__top {
    grid-template-columns: 1fr;
  }
}

/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --blue-50: #f2f7fe;
  --blue-100: #e5efff;
  --blue-200: #cbe0fe;
  --blue-300: #a6c9fe;
  --blue-400: #74acfe;
  --blue-500: #4192f6;
  --blue-600: #2d66f3;
  --blue-700: #1b4dd1;
  --blue-800: #12389e;
  --blue-900: #0a2466;
  --blue-950: #041239;
  --ink-25: #f9fafd;
  --ink-50: #f3f5f9;
  --ink-100: #e8ebf1;
  --ink-200: #d6dbe3;
  --ink-300: #b8bec8;
  --ink-400: #9299a5;
  --ink-500: #6a7280;
  --ink-600: #505867;
  --ink-700: #38404f;
  --ink-800: #222936;
  --ink-900: #111620;
  --ink-950: #060a13;
  --accent-blue: #457cfd;
  --accent-blue-bright: #76a2fe;
  --accent-blue-tint: #e7efff;
  --accent-violet: #8c67f2;
  --accent-violet-bright: #a890fe;
  --accent-violet-tint: #eeecfe;
  --accent-teal: #009a9a;
  --accent-teal-bright: #08bcbc;
  --accent-teal-tint: #d5f6f6;
  --accent-green: #03a14a;
  --accent-green-bright: #3fc168;
  --accent-green-tint: #dff6e2;
  --accent-amber: #b87501;
  --accent-amber-bright: #e19000;
  --accent-amber-tint: #feebd6;
  --accent-coral: #e54533;
  --accent-coral-bright: #fd7562;
  --accent-coral-tint: #ffe9e5;
  --status-positive-bg: #dff6e2;
  --status-positive-fg: #03703a;
  --status-warning-bg: #feebd6;
  --status-warning-fg: #8a5600;
  --status-neutral-bg: #e8ebf1;
  --status-neutral-fg: #38404f;
  --color-danger: #c03228;
  --color-text-strong: var(--ink-900);
  --color-text: var(--ink-800);
  --color-text-muted: var(--ink-700);
  --color-text-subtle: var(--ink-600);
  --color-link: var(--blue-700);
  --color-link-hover: var(--blue-800);
  --color-text-strong-inverse: var(--ink-50);
  --color-text-inverse: var(--ink-200);
  --color-text-muted-inverse: var(--ink-300);
  --color-link-inverse: var(--blue-400);
  --color-link-inverse-hover: var(--blue-300);
  --color-border: var(--ink-100);
  --color-border-strong: var(--ink-200);
  --color-border-brand: var(--blue-200);
  --color-focus: var(--blue-700);
  --surface-paper: #fff;
  --surface-mist: var(--ink-50);
  --surface-sky: var(--blue-50);
  --surface-midnight: var(--ink-950);
  --surface-midnight-panel: var(--ink-900);
  --surface-midnight-border: var(--ink-800);
  --surface-graphite: #1e252e;
  --surface-graphite-panel: #2b343e;
  --surface-graphite-border: #3a4450;
  --surface-cobalt: #0d2769;
  --surface-cobalt-panel: #1a3983;
  --surface-cobalt-border: #2a4a9a;
  --surface-signal: var(--blue-600);
  --surface-signal-depth: radial-gradient(120% 90% at 85% 0%, #2d66f3 0%, #12389e 45%, #0a2466 100%);
  --surface-deep-signal: radial-gradient(110% 120% at 88% -10%, #2d66f3 0%, #1b4dd1 22%, #0a2466 58%, #041239 100%);
  --color-primary: var(--blue-600);
  --color-primary-hover: var(--blue-800);
  --object-tile: #2b343e;
  --object-glyph: #fff;
  --ai-edge: linear-gradient(135deg, #74acfe 0%, #2d66f3 40%, #2d66f326 100%);
  --ai-highlight: var(--blue-400);
  --ai-badge: radial-gradient(120% 120% at 80% 0%, #2d66f3 0%, #12389e 55%, #0a2466 100%);
  --font-display: var(--font-wix-madefor, "Wix Madefor Display"), ui-sans-serif, system-ui, sans-serif;
  --font-sans: var(--font-figtree, "Figtree"), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --type-display: 600 3.5rem/1.04 var(--font-display);
  --type-display-tracking: -.04em;
  --type-h1: 600 2.75rem/1.08 var(--font-display);
  --type-h1-tracking: -.035em;
  --type-h2: 600 2rem/1.15 var(--font-display);
  --type-h2-tracking: -.025em;
  --type-h3: 600 1.375rem/1.3 var(--font-display);
  --type-h3-tracking: -.015em;
  --type-lead: 400 1.1875rem/1.55 var(--font-sans);
  --type-body: 400 1.0625rem/1.6 var(--font-sans);
  --type-ui: 600 .9375rem/1.2 var(--font-sans);
  --type-small: 400 .875rem/1.5 var(--font-sans);
  --type-figures: 500 .9375rem/1.4 var(--font-sans);
  --type-caption: 500 .75rem/1.4 var(--font-sans);
  --type-eyebrow: 600 .875rem/1.3 var(--font-sans);
  --space-section: clamp(3.5rem, 2.5rem + 4vw, 6rem);
  --container: 1200px;
  --container-narrow: 760px;
  --gutter: clamp(1rem, .5rem + 2vw, 2rem);
  --header-height: 72px;
  --card-bg: var(--surface-paper);
  --card-border: var(--color-border);
  --badge-bg: var(--blue-100);
  --badge-fg: var(--blue-700);
  --icon-fg: var(--ink-900);
  --icon-border: var(--ink-200);
  --logo-scale: .82;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --shadow-sm: 0 0 0 1px #1116200d, 0 1px 2px #1116200a;
  --shadow: 0 0 0 1px #1116200d,
    0 1px 2px #1116200a,
    0 4px 8px -4px #1116200a,
    0 16px 40px -12px #11162012;
  --shadow-lift: 0 0 0 1px #12389e1a,
    0 2px 4px -1px #1116200d,
    0 24px 48px -16px #12389e33;
  --shadow-screenshot: 0 1px 2px #1116200a, 0 16px 40px -20px #11162038;
  --shadow-screenshot-dark: 0 2px 4px #04123933, 0 32px 64px -24px #04123999;
  --grid-size: 24px;
  --grid-dot-paper: var(--ink-200);
  --grid-dot-mist: var(--ink-300);
  --grid-dot-dark: #f3f5f926;
  --grid-dot-signal: #fff3;
  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --dur-press: .12s;
  --dur-hover: .16s;
  --dur-card: .2s;
  --dur-sweep-out: .24s;
  --dur-sweep-in: .32s;
}

@media (min-width: 640px) {
  :root {
    --logo-scale: 1;
  }
}

@media (max-width: 767px) {
  :root {
    --type-display: 600 2.5rem/1.06 var(--font-display);
    --type-h1: 600 2.125rem/1.1 var(--font-display);
    --type-h2: 600 1.625rem/1.18 var(--font-display);
  }
}

*, :before, :after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: calc(var(--header-height) + 16px);
}

body {
  font: var(--type-body);
  color: var(--color-text);
  background: var(--surface-paper);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  margin: 0;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: var(--color-link);
  text-underline-offset: 3px;
}

a:hover {
  color: var(--color-link-hover);
  text-decoration-thickness: 2px;
}

:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
  border-radius: 4px;
}

h1, h2, h3, h4 {
  font-family: var(--font-display);
  color: var(--color-text-strong);
  text-wrap: balance;
  margin: 0 0 .5em;
  font-weight: 600;
}

h1 {
  font: var(--type-h1);
  letter-spacing: var(--type-h1-tracking);
}

h1[data-shine] {
  position: relative;
}

h1[data-shine]:after {
  content: attr(data-shine) / "";
  pointer-events: none;
  background: radial-gradient(220px circle at var(--mx, 50%) var(--my, 50%),
    var(--blue-600) 0%,
    color-mix(in srgb, var(--blue-500) 55%, transparent) 40%,
    transparent 72%);
  color: #0000;
  opacity: 0;
  transition: opacity .3s var(--ease-out);
  -webkit-background-clip: text;
  background-clip: text;
  padding-bottom: .3em;
  position: absolute;
  inset: 0 0 -.3em;
}

h1[data-shine-on]:after {
  opacity: 1;
}

[data-surface="dark"] h1[data-shine]:after {
  background-image: radial-gradient(220px circle at var(--mx, 50%) var(--my, 50%),
    var(--blue-300) 0%,
    color-mix(in srgb, var(--blue-400) 55%, transparent) 40%,
    transparent 72%);
}

h2 {
  font: var(--type-h2);
  letter-spacing: var(--type-h2-tracking);
}

h3, h4 {
  font: var(--type-h3);
  letter-spacing: var(--type-h3-tracking);
}

.display {
  font: var(--type-display);
  letter-spacing: var(--type-display-tracking);
}

.figures {
  font: var(--type-figures);
  font-variant-numeric: tabular-nums;
}

p {
  text-wrap: pretty;
  margin: 0 0 1em;
}

.skip-link {
  z-index: 100;
  background: var(--ink-900);
  color: var(--ink-50);
  border-radius: var(--radius-sm);
  padding: .5rem 1rem;
  position: absolute;
  top: -100px;
  left: 1rem;
}

.skip-link:focus {
  top: 1rem;
}

.visually-hidden {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute !important;
}

.container {
  width: 100%;
  max-width: calc(var(--container) + var(--gutter) * 2);
  padding-inline: var(--gutter);
  margin-inline: auto;
}

.container--narrow {
  max-width: calc(var(--container-narrow) + var(--gutter) * 2);
}

.section {
  padding-block: var(--space-section);
}

.section--slab {
  padding-block: clamp(1rem, .5rem + 1.5vw, 2rem);
}

.slab {
  isolation: isolate;
  border-radius: var(--radius-lg);
  padding: clamp(1.75rem, .75rem + 4vw, 4.5rem) clamp(1.25rem, .25rem + 4vw, 4.5rem);
  position: relative;
  overflow: hidden;
}

.slab--brand {
  border: 1px solid var(--color-border-brand);
}

.section--slab + .section:not([class*="section--"]) {
  padding-top: clamp(2.5rem, 1.75rem + 3vw, 4.5rem);
}

.section:not([class*="section--"]) + .section:not([class*="section--"]) {
  padding-top: 0;
}

.section--muted {
  background: var(--surface-mist);
}

.section--brand, .slab--brand {
  background: var(--surface-sky);
}

.section--midnight, .slab--midnight {
  background: var(--surface-midnight);
  --surface-panel: var(--surface-midnight-panel);
  --surface-panel-border: var(--surface-midnight-border);
}

.section--graphite, .slab--graphite {
  background: var(--surface-graphite);
  --surface-panel: var(--surface-graphite-panel);
  --surface-panel-border: var(--surface-graphite-border);
}

.section--cobalt, .slab--cobalt {
  background: var(--surface-cobalt);
  --surface-panel: var(--surface-cobalt-panel);
  --surface-panel-border: var(--surface-cobalt-border);
}

.section--signal, .slab--signal {
  background: var(--surface-signal);
}

.section--signal-depth, .slab--signal-depth {
  background: var(--surface-signal-depth);
}

.section--ai, .slab--ai {
  background: var(--surface-deep-signal);
  --surface-panel: var(--surface-midnight-panel);
  --surface-panel-border: var(--surface-midnight-border);
}

[data-surface="dark"] {
  --color-text-strong: var(--color-text-strong-inverse);
  --color-text: var(--color-text-inverse);
  --color-text-muted: var(--color-text-muted-inverse);
  --color-text-subtle: var(--color-text-muted-inverse);
  --color-link: var(--color-link-inverse);
  --color-link-hover: var(--color-link-inverse-hover);
  --color-border: var(--surface-panel-border, #f3f5f929);
  --color-border-strong: var(--surface-panel-border, #f3f5f93d);
  --color-focus: var(--ink-50);
  --card-bg: var(--surface-panel, #f3f5f90f);
  --card-border: var(--surface-panel-border, #f3f5f929);
  --badge-bg: #a6c9fe24;
  --badge-fg: var(--blue-300);
  --icon-fg: var(--ink-50);
  --icon-border: #f3f5f93d;
  color: var(--color-text);
}

[data-surface="dark"][data-tone="blue"] {
  --color-link: var(--blue-300);
  --color-link-hover: var(--blue-100);
  --color-text: var(--ink-50);
  --color-text-muted: var(--blue-100);
  --color-text-subtle: var(--blue-100);
}

[data-surface="dark"].section--signal, [data-surface="dark"].slab--signal {
  --color-text-strong: #fff;
  --color-text: #fff;
  --color-text-muted: #fff;
  --color-text-subtle: #fff;
  --color-link: #fff;
  --color-link-hover: var(--blue-50);
}

.section-header {
  max-width: 720px;
  margin-bottom: 2.5rem;
}

.section-tag {
  margin: 0 0 .75rem;
}

.section-header--center {
  text-align: center;
  margin-inline: auto;
}

.section-header p {
  font: var(--type-lead);
  color: var(--color-text-muted);
  margin: 0;
}

.eyebrow {
  font: var(--type-eyebrow);
  letter-spacing: 0;
  color: var(--color-link);
  margin: 0 0 .75rem;
  display: inline-block;
}

.lead {
  font: var(--type-lead);
  color: var(--color-text-muted);
}

.btn {
  isolation: isolate;
  border-radius: var(--radius-pill);
  min-height: 48px;
  font: var(--type-ui);
  white-space: nowrap;
  cursor: pointer;
  transition: transform var(--dur-press) var(--ease-out),
    color var(--dur-sweep-out) var(--ease-out);
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0 25.5px;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.btn__fill {
  z-index: -1;
  border-radius: inherit;
  transition: transform var(--dur-sweep-out) var(--ease-out),
    opacity .2s var(--ease-out);
  position: absolute;
  inset: 0;
  transform: translateX(-101%);
}

.btn__label {
  position: relative;
}

.btn--lg {
  min-height: 56px;
  padding-inline: 29.5px;
  font-size: 1rem;
}

.btn--sm {
  min-height: 40px;
  padding-inline: 19.5px;
  font-size: .875rem;
}

.btn:hover {
  text-decoration: none;
}

.btn--primary, .btn--primary:hover {
  background: var(--color-primary);
  color: #fff;
}

.btn--primary .btn__fill {
  background: var(--color-primary-hover);
}

.btn--secondary, .btn--secondary:hover {
  color: var(--ink-900);
  border: 1.5px solid var(--ink-900);
  background: none;
  padding-inline: 24px;
}

.btn--secondary.btn--lg {
  padding-inline: 28px;
}

.btn--secondary.btn--sm {
  padding-inline: 18px;
}

.btn--secondary .btn__fill {
  background: var(--ink-900);
  inset: -1.5px;
}

.btn--primary-inverse, [data-surface="dark"][data-tone="blue"] .btn--primary {
  color: var(--ink-900);
  background: #fff;
}

.btn--primary-inverse .btn__fill, [data-surface="dark"][data-tone="blue"] .btn--primary .btn__fill {
  background: var(--blue-100);
}

.btn--secondary-inverse, .btn--secondary-inverse:hover, [data-surface="dark"] .btn--secondary, [data-surface="dark"] .btn--secondary:hover {
  color: var(--ink-50);
  border-color: var(--ink-50);
  background: none;
}

.btn--secondary-inverse {
  border: 1.5px solid var(--ink-50);
  padding-inline: 24px;
}

.btn--secondary-inverse .btn__fill, [data-surface="dark"] .btn--secondary .btn__fill {
  background: var(--ink-50);
}

.btn:active {
  transform: scale(.97);
}

.btn:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 3px;
  border-radius: var(--radius-pill);
}

@media (hover: hover) and (pointer: fine) {
  .btn:hover .btn__fill {
    transition-duration: var(--dur-sweep-in);
    transform: translateX(0);
  }

  .btn--secondary:hover {
    color: #fff;
  }

  .btn--secondary-inverse:hover, [data-surface="dark"] .btn--secondary:hover {
    color: var(--ink-900);
  }

  .btn--primary:hover {
    background-color: var(--color-primary-hover);
    transition: transform var(--dur-press) var(--ease-out),
      background-color 0s linear var(--dur-sweep-in);
  }

  .btn--primary-inverse:hover, [data-surface="dark"][data-tone="blue"] .btn--primary:hover {
    background-color: var(--blue-100);
    color: var(--ink-900);
  }
}

.text-btn {
  min-height: 44px;
  color: var(--color-link);
  font: var(--type-ui);
  white-space: nowrap;
  cursor: pointer;
  transition: color var(--dur-hover) var(--ease-out),
    transform var(--dur-press) var(--ease-out);
  align-items: center;
  gap: 6px;
  padding: 0 2px;
  text-decoration: none;
  display: inline-flex;
}

.text-btn--sm {
  font-size: .875rem;
}

.text-btn--lg {
  font-size: 1rem;
}

.text-btn__arrow {
  transition: transform var(--dur-card) var(--ease-out);
  display: inline-block;
}

.text-btn:hover {
  text-decoration: none;
}

.text-btn:active {
  transform: scale(.98);
}

.text-btn:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
  border-radius: 4px;
}

@media (hover: hover) and (pointer: fine) {
  .text-btn:hover {
    color: var(--color-link-hover);
  }

  .text-btn:hover .text-btn__arrow {
    transform: translateX(3px);
  }
}

.btn-row {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  display: flex;
}

@media (prefers-reduced-motion: reduce) {
  .btn__fill {
    opacity: 0;
    transform: none !important;
  }

  .btn:hover .btn__fill {
    opacity: 1;
  }

  .btn, .btn:active, .text-btn:active, .text-btn__arrow {
    transform: none !important;
  }
}

.prose {
  max-width: var(--container-narrow);
  color: var(--color-text);
}

.prose > :first-child {
  margin-top: 0;
}

.prose h2 {
  margin-top: 2.25em;
}

.prose h3 {
  margin-top: 1.75em;
}

.prose ul, .prose ol {
  margin: 0 0 1.25em;
  padding-left: 1.25em;
}

.prose li {
  margin-bottom: .4em;
}

.prose li::marker {
  color: var(--blue-600);
}

.prose strong {
  color: var(--color-text-strong);
  font-weight: 600;
}

.prose .table-scroll {
  max-width: 100%;
  margin: 1.5em 0;
  overflow-x: auto;
}

.prose table {
  border-collapse: collapse;
  width: 100%;
  font: var(--type-small);
}

.prose th, .prose td {
  text-align: left;
  border-bottom: 1px solid var(--color-border);
  padding: .6rem .75rem;
}

.prose th {
  background: var(--surface-mist);
  color: var(--color-text-strong);
  font-weight: 600;
}

.prose blockquote {
  border-left: 3px solid var(--blue-400);
  background: var(--surface-sky);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  margin: 1.5em 0;
  padding: 1rem 1.25rem;
}

.prose blockquote p:last-child {
  margin: 0;
}

.prose code {
  font-variant-numeric: tabular-nums;
  background: var(--surface-mist);
  border-radius: 4px;
  padding: .1em .35em;
  font-family: inherit;
  font-size: .94em;
}

.card {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
  color: var(--color-text);
  flex-direction: column;
  gap: 10px;
  padding: 24px;
  display: flex;
}

.section--muted .card {
  --card-border: transparent;
  box-shadow: var(--shadow);
}

.section--brand .card, .slab--brand .card {
  --card-border: var(--color-border-brand);
}

.card h3, .card__title {
  font: var(--type-h3);
  letter-spacing: var(--type-h3-tracking);
  color: var(--color-text-strong);
  margin: 0;
}

.card p:not(.eyebrow) {
  font: var(--type-small);
  color: var(--color-text-muted);
  margin: 0;
}

a.card {
  z-index: 0;
  color: inherit;
  cursor: pointer;
  transition: border-color var(--dur-card) var(--ease-out),
    box-shadow var(--dur-card) var(--ease-out),
    transform var(--dur-card) var(--ease-out);
  text-decoration: none;
  position: relative;
}

a.card h3, a.card .card__title {
  transition: color var(--dur-card) var(--ease-out);
}

.card__cue {
  font: var(--type-ui);
  color: var(--color-link);
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-top: 6px;
  display: inline-flex;
}

a.card:active {
  transition-duration: var(--dur-press);
  transform: scale(.99);
}

a.card:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 3px;
  border-radius: var(--radius);
}

@media (hover: hover) and (pointer: fine) {
  a.card:hover {
    z-index: 1;
    border-color: var(--blue-300);
    box-shadow: var(--shadow-lift);
    transform: translateY(-2px);
  }

  a.card:hover h3, a.card:hover .card__title {
    color: var(--blue-700);
  }

  a.card:hover .text-btn__arrow {
    transform: translateX(3px);
  }

  [data-surface="dark"] a.card:hover {
    border-color: var(--surface-graphite-border);
    box-shadow: none;
  }

  [data-surface="dark"] a.card:hover h3, [data-surface="dark"] a.card:hover .card__title {
    color: var(--blue-300);
  }
}

@media (prefers-reduced-motion: reduce) {
  a.card:hover, a.card:active, a.card .text-btn__arrow {
    transform: none !important;
  }
}

.grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
  gap: 1.25rem;
  display: grid;
}

.grid--2 {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 380px), 1fr));
}

@media (min-width: 900px) {
  .grid--2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .grid--3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid--4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.icon-badge {
  width: 40px;
  height: 40px;
  color: var(--icon-fg);
  border: 1px solid var(--icon-border);
  border-radius: 12px;
  flex: none;
  place-items: center;
  display: inline-grid;
}

.icon-badge svg {
  width: 24px;
  height: 24px;
}

.icon-badge--lg {
  border-radius: 16.8px;
  width: 56px;
  height: 56px;
}

.icon-badge--lg svg {
  width: 32px;
  height: 32px;
}

.chip {
  --chip-tone: var(--blue-600);
  --chip-ink: var(--blue-700);
  --chip-tone-dark: var(--blue-400);
  --chip-ink-dark: var(--blue-300);
  --chip-fill: var(--chip-tone);
  --chip-text: var(--chip-ink);
  --chip-mix: 11%;
  border-radius: var(--radius-pill);
  background: linear-gradient(color-mix(in srgb, var(--chip-fill) var(--chip-mix), transparent),
      color-mix(in srgb, var(--chip-fill) var(--chip-mix), transparent))
    var(--chip-ground, transparent);
  height: 22px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--chip-fill) 24%, transparent);
  color: var(--chip-text);
  font: var(--type-caption);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  align-items: center;
  padding: 0 8px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.chip--positive {
  --chip-tone: var(--accent-green);
  --chip-ink: var(--status-positive-fg);
  --chip-tone-dark: var(--accent-green-bright);
  --chip-ink-dark: var(--accent-green-bright);
  --chip-mix: 13%;
}

.chip--negative {
  --chip-tone: var(--accent-coral);
  --chip-ink: var(--color-danger);
  --chip-tone-dark: var(--accent-coral-bright);
  --chip-ink-dark: var(--accent-coral-bright);
  --chip-mix: 12%;
}

[data-surface="dark"] .chip {
  --chip-fill: var(--chip-tone-dark);
  --chip-text: var(--chip-ink-dark);
  --chip-mix: 18%;
}

[data-surface="paper"] {
  --chip-ground: var(--surface-paper);
}

[data-surface="dark"] [data-surface="paper"] .chip {
  --chip-fill: var(--chip-tone);
  --chip-text: var(--chip-ink);
  --chip-mix: 11%;
}

[data-surface="dark"] [data-surface="paper"] .chip--positive {
  --chip-mix: 13%;
}

[data-surface="dark"] [data-surface="paper"] .chip--negative {
  --chip-mix: 12%;
}

.tag {
  border-radius: var(--radius-pill);
  border: 1px solid var(--color-border-strong);
  background: var(--card-bg);
  color: var(--color-text);
  font: var(--type-caption);
  font-variant-numeric: tabular-nums;
  align-items: center;
  padding: .3rem .75rem;
  display: inline-flex;
}

.dot-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.dot-list li {
  align-items: baseline;
  gap: .6rem;
  display: flex;
}

.dot-list li:before {
  content: "";
  background: var(--dot-color, var(--color-link));
  border-radius: 50%;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  transform: translateY(-2px);
}

.paper-stage {
  background: var(--surface-paper);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  position: relative;
  overflow: hidden;
}

[data-surface="paper"] {
  --color-text-strong: var(--ink-900);
  --color-text: var(--ink-800);
  --color-text-muted: var(--ink-700);
  --color-border: var(--ink-100);
}

.connectors {
  overflow: visible;
}

.connectors path {
  fill: none;
  stroke: var(--ink-600);
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.slab:has( > .canvas-embed) {
  padding: 72px 64px 64px;
}

.slab:has( > .canvas-embed) .section-header {
  max-width: 640px;
  margin-bottom: 0;
}

.slab:has( > .canvas-embed) .section-header p {
  color: var(--color-text-inverse);
}

@media (max-width: 639px) {
  .slab:has( > .canvas-embed) {
    padding: 24px;
  }
}

.slab > .canvas-slab-dots {
  z-index: -1;
  --fade-size: 55% 60%;
}

.slab > .canvas-embed {
  margin: 48px 0 0;
}

.canvas-frame {
  background: var(--surface-paper);
  border-radius: 14px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 6px #a6c9fe29, 0 32px 64px -20px #060a13b3;
}

.canvas-below {
  justify-items: start;
  gap: .5rem;
  margin-top: 28px;
  display: grid;
}

.canvas-below .text-btn {
  color: var(--color-link-inverse);
}

.canvas-caption {
  font: var(--type-small);
  color: var(--color-text-muted-inverse);
  margin: 0;
}

.canvas-tags .tag {
  background: var(--surface-panel);
  border-color: var(--surface-panel-border);
}

.ai-edge {
  background: linear-gradient(var(--ai-edge-fill, var(--ink-900)), var(--ai-edge-fill, var(--ink-900))) padding-box,
    var(--ai-edge) border-box;
  border: 1px solid #0000;
  border-radius: 14px;
}

.tiles {
  --tiles-cols: 3;
  --tile-pad: 28px;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: var(--radius);
  grid-template-columns: minmax(0, 1fr);
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  overflow: hidden;
}

.tiles--2 {
  --tiles-cols: 2;
}

.tiles--3 {
  --tiles-cols: 3;
}

.tiles--4 {
  --tiles-cols: 4;
}

.section--muted .tiles, .section--brand .tiles {
  box-shadow: var(--shadow);
}

.section--muted .tiles {
  border-color: #0000;
}

.tile {
  min-width: 0;
  padding: var(--tile-pad);
  box-shadow: 1px 1px 0 var(--color-border);
  flex-direction: column;
  display: flex;
  container-type: inline-size;
}

.tile__body {
  flex-direction: column;
  gap: 8px;
  height: 100%;
  display: flex;
}

.tile h3 {
  font: var(--type-h3);
  letter-spacing: var(--type-h3-tracking);
  margin: 0;
}

.tile p {
  font: var(--type-small);
  color: var(--color-text-muted);
  max-width: 60ch;
  margin: 0;
}

.tile .icon-badge {
  margin-bottom: 12px;
}

.tile--link {
  padding: 0;
}

.tile__link {
  height: 100%;
  padding: var(--tile-pad);
  color: inherit;
  transition: background-color var(--dur-card) var(--ease-out);
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.tile__link:hover {
  background: var(--surface-mist);
}

[data-surface="dark"] .tile__link:hover {
  background: #f3f5f90f;
}

.tile__link:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: -4px;
}

.tile__link .card__cue {
  margin-top: auto;
  padding-top: 8px;
}

.tile__link:active {
  transition-duration: var(--dur-press);
  transform: scale(.995);
}

@media (hover: hover) and (pointer: fine) {
  .tile__link:hover h3 {
    color: var(--color-link);
  }

  .tile__link:hover .text-btn__arrow {
    transform: translateX(3px);
  }
}

@container (min-width: 560px) {
  .tile__body:has( > .icon-badge) {
    grid-template-columns: auto minmax(0, 1fr);
    align-content: start;
    column-gap: 24px;
    display: grid;
  }

  .tile__body:has( > .icon-badge) > .icon-badge {
    grid-row: 1 / span 3;
    margin: 0;
  }
}

@media (min-width: 640px) {
  .tiles:not(.tiles--1) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :where(.tiles:not(.tiles--1)) > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}

@media (min-width: 900px) {
  .tiles:not(.tiles--1) {
    grid-template-columns: repeat(var(--tiles-cols), minmax(0, 1fr));
  }

  :where(.tiles:not(.tiles--1)) > :last-child:nth-child(odd) {
    grid-column: auto;
  }

  .tiles--2 > :last-child:nth-child(odd), .tiles--3 > :last-child:nth-child(3n+1), .tiles--4 > :last-child:nth-child(4n+1) {
    grid-column: 1 / -1;
  }

  .tiles--3 > :last-child:nth-child(3n+2), .tiles--4 > :last-child:nth-child(4n+3) {
    grid-column: span 2;
  }

  .tiles--4 > :last-child:nth-child(4n+2) {
    grid-column: span 3;
  }
}

.steps {
  --step-badge: 40px;
  --step-gap: 6px;
  counter-reset: steps;
  gap: 0;
}

.steps > li {
  counter-increment: steps;
  box-shadow: none;
  position: relative;
}

.steps > li:before {
  content: counter(steps);
  z-index: 2;
  width: var(--step-badge);
  height: var(--step-badge);
  border: 1px solid var(--icon-border);
  background: var(--card-bg);
  color: var(--icon-fg);
  font: var(--type-figures);
  font-variant-numeric: tabular-nums;
  border-radius: 12px;
  flex: none;
  place-items: center;
  font-weight: 600;
  display: grid;
  position: relative;
}

.steps > li:not(:last-child):after {
  content: "";
  z-index: 1;
  background: var(--color-border-strong);
  position: absolute;
}

.steps h3 {
  font: var(--type-h3);
  letter-spacing: var(--type-h3-tracking);
  margin: 0 0 .4rem;
}

.steps p {
  font: var(--type-small);
  color: var(--color-text-muted);
  margin: 0;
}

.steps > li > h3, .steps__text {
  padding-top: max(0px, calc((var(--step-badge) - 1lh) / 2));
}

.steps > li {
  --step-y: 14px;
  --step-top: var(--step-y);
  grid-template-columns: var(--step-badge) minmax(0, 1fr);
  padding-block: var(--step-y);
  align-items: start;
  column-gap: 20px;
  display: grid;
}

.steps > li:first-child {
  --step-top: var(--tile-pad);
  padding-top: var(--tile-pad);
}

.steps > li:last-child {
  padding-bottom: var(--tile-pad);
}

.steps > li:before {
  grid-row: 1 / span 2;
}

.steps > li:not(:last-child):after {
  left: calc(var(--step-x, var(--tile-pad)) + var(--step-badge) / 2 - .75px);
  top: calc(var(--step-top) + var(--step-badge) + var(--step-gap));
  bottom: calc(var(--step-gap) - var(--step-y));
  width: 1.5px;
}

@media (min-width: 900px) {
  .steps--flow > li {
    --step-y: 18px;
    grid-template-columns: var(--step-badge) minmax(0, 4fr) minmax(0, 7fr);
    column-gap: 24px;
  }

  .steps--flow > li:before {
    grid-row: auto;
  }

  .steps--flow h3 {
    margin: 0;
  }

  .steps--flow p {
    padding-top: max(0px, calc((var(--step-badge) - 1lh) / 2));
  }

  .steps--row {
    grid-template-columns: repeat(var(--tiles-cols), minmax(0, 1fr));
  }

  .steps--row > li, .steps--row > li:first-child, .steps--row > li:last-child {
    padding: var(--tile-pad);
    flex-direction: column;
    display: flex;
  }

  .steps--row > li > h3 {
    padding-top: 0;
  }

  .steps--row > li:before {
    margin-bottom: 20px;
  }

  .steps--row > li:not(:last-child):after {
    top: calc(var(--tile-pad) + var(--step-badge) / 2 - .75px);
    left: calc(var(--tile-pad) + var(--step-badge) + var(--step-gap));
    right: calc(var(--step-gap) - var(--tile-pad));
    width: auto;
    height: 1.5px;
    bottom: auto;
  }
}

.prose .tiles {
  margin: 1.75em 0;
  padding: 0;
}

.prose .tiles > li {
  margin: 0;
}

.tile-list .tile {
  --tile-pad: 24px;
}

.tile-list .tile__body {
  gap: 6px;
}

.tile-list__lead {
  font: var(--type-body);
  color: var(--color-text-strong);
  font-weight: 600;
  line-height: 1.35;
  display: block;
}

.tile-list__text {
  font: var(--type-small);
  color: var(--color-text-muted);
}

.steps--prose > li {
  --tile-pad: 24px;
  padding-inline: 24px;
}

.steps__text {
  min-width: 0;
}

.prose--split {
  max-width: none;
}

.prose-section > h2 {
  margin: 0 0 1rem;
}

.prose-section__body {
  max-width: 72ch;
}

.prose-section__body > :first-child {
  margin-top: 0;
}

.prose-section__body > :last-child {
  margin-bottom: 0;
}

.prose--split > * + .prose-section {
  border-top: 1px solid var(--color-border);
  margin-top: 3.5rem;
  padding-top: 3.5rem;
}

.prose--split > :not(.prose-section) {
  max-width: 72ch;
}

@media (min-width: 900px) {
  .prose-section {
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    align-items: start;
    column-gap: 4rem;
    display: grid;
  }

  .prose-section > h2 {
    top: calc(var(--header-height) + 2rem);
    position: sticky;
  }

  .prose--split > :not(.prose-section) {
    margin-left: calc(33.3333% + 2.66667rem);
  }
}

.section--muted + .section--muted, .section--brand + .section--brand {
  padding-top: 0;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__202v6p6._.css.map*/