.sa-home .sa-developers .sa-quickstart-v28 {
  --qs-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  width: calc(100% - 48px);
  max-width: 1120px;
  box-shadow: none;
  color: var(--sa-text, #e3e5e1);
  background: none;
  border: 0;
  margin: 0 auto;
  padding: 54px 0;
}

.sa-home .sa-quickstart-v28 .v28-qs-heading {
  justify-content: space-between;
  align-items: flex-end;
  gap: 60px;
  margin: 0 0 16px;
  display: flex;
}

.sa-home .sa-quickstart-v28 .v28-qs-eyebrow {
  color: #ffffff73;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 17px;
  font: 10px / 1.5 Public Sans Variable, Arial, sans-serif;
  display: block;
}

.sa-home .sa-quickstart-v28 .v28-qs-heading h2 {
  font-family: var(--sa-heading);
  letter-spacing: -.85px;
  margin: 0;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.15;
}

.sa-home .sa-quickstart-v28 .v28-qs-heading > p {
  max-width: 370px;
  color: var(--sa-muted, #a3aaa0);
  margin: 0;
  padding-bottom: 2px;
  font-size: 15px;
  line-height: 1.75;
}

.sa-home .sa-quickstart-v28 .v28-qs-chips {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.sa-home .sa-quickstart-v28 .v28-qs-chip {
  max-width: 100%;
  font: 11px/1.2 var(--qs-mono);
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 7px 11px;
  display: inline-flex;
  box-shadow: inset 0 1px #ffffff0a;
}

.sa-home .sa-quickstart-v28 .v28-qs-chip > svg {
  color: #ffffff73;
  flex: 0 0 14px;
}

.sa-home .sa-quickstart-v28 .v28-qs-chip > span {
  color: #ffffff73;
  font: 10px/1.2 var(--qs-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.sa-home .sa-quickstart-v28 .v28-qs-chip > code {
  color: #ffffffd1;
  font: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: 0;
  max-width: min(52vw, 340px);
  padding: 0;
  overflow: hidden;
}

.sa-home .sa-quickstart-v28 .v28-qs-window {
  background: #0a0d0b;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  display: block;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff0f, 0 18px 40px #00000035;
}

.sa-home .sa-quickstart-v28 .v28-qs-window-bar {
  background: #0d110d;
  border-bottom: 1px solid #ffffff14;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: flex;
}

.sa-home .sa-quickstart-v28 .v28-qs-chrome {
  flex: none;
  align-items: center;
  gap: 6px;
  display: flex;
}

.sa-home .sa-quickstart-v28 .v28-qs-chrome span {
  background: #353c36;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  display: block;
  box-shadow: inset 0 0 0 1px #00000040;
}

.sa-home .sa-quickstart-v28 .v28-qs-chrome span:first-child {
  background: #4a524c;
}

.sa-home .sa-quickstart-v28 .v28-qs-chrome span:nth-child(2) {
  background: #3e463f;
}

.sa-home .sa-quickstart-v28 .v28-qs-filename {
  color: #ffffff73;
  min-width: 0;
  font: 12px/1 var(--qs-mono);
  letter-spacing: .03em;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: 0;
  flex: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.sa-home .sa-quickstart-v28 .v28-qs-tabs {
  box-sizing: border-box;
  background: #ffffff08;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  flex: none;
  align-items: stretch;
  gap: 2px;
  height: 32px;
  padding: 3px;
  display: flex;
  position: relative;
}

.sa-home .sa-quickstart-v28 .v28-qs-glider {
  top: var(--active-tab-top);
  left: var(--active-tab-left);
  width: var(--active-tab-width);
  height: var(--active-tab-height);
  pointer-events: none;
  z-index: 0;
  background: #ffffff14;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  transition: left .32s cubic-bezier(.22, 1, .36, 1), width .32s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
}

.sa-home .sa-quickstart-v28 .v28-qs-tab {
  z-index: 1;
  color: #ffffff8c;
  height: 100%;
  font: 500 12px/1 var(--qs-mono);
  letter-spacing: .04em;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  transition: color .2s;
  display: inline-flex;
  position: relative;
}

.sa-home .sa-quickstart-v28 .v28-qs-tab[aria-selected="true"] {
  color: #ffffffe6;
}

.sa-home .sa-quickstart-v28 .v28-qs-tab:hover {
  color: #ffffffd9;
}

.sa-home .sa-quickstart-v28 .v28-qs-copy {
  color: #ffffff8c;
  cursor: pointer;
  background: none;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  transition: color .2s, border-color .2s;
  display: inline-flex;
}

.sa-home .sa-quickstart-v28 .v28-qs-copy:hover {
  color: #ffffffe0;
  border-color: #ffffff38;
}

.sa-home .sa-quickstart-v28 .v28-qs-copy[data-copied] {
  color: #7fee64;
  border-color: #93f17c79;
}

.sa-home .sa-quickstart-v28 :is(.v28-qs-tab, .v28-qs-copy):focus-visible {
  outline-offset: 3px;
  outline: 2px solid #a7c7ad;
}

.sa-home .sa-quickstart-v28 .v28-qs-panel {
  animation: .28s both v28QsPanel;
}

.sa-home .sa-quickstart-v28 .v28-qs-panel[hidden] {
  display: none;
}

.sa-home .sa-quickstart-v28 .v28-qs-code {
  color: #ffffffe0;
  min-height: 230px;
  font: 12.5px/1.65 var(--qs-mono);
  white-space: pre;
  background: #070907;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 18px 18px 20px;
  overflow: auto;
}

.sa-home .sa-quickstart-v28 .v28-qs-code > code {
  color: inherit;
  font: inherit;
  background: none;
  border: 0;
  padding: 0;
}

.sa-home .sa-quickstart-v28 .v28-qs-line {
  white-space: pre;
  display: block;
}

.sa-home .sa-quickstart-v28[data-revealed]:not([data-switched]) .v28-qs-line {
  animation: .28s both v28QsLine;
}

.sa-home .sa-quickstart-v28 .v28-qs-token-keyword {
  color: #ffffffb3;
}

.sa-home .sa-quickstart-v28 .v28-qs-token-string {
  color: #9dec8a;
}

.sa-home .sa-quickstart-v28 .v28-qs-token-muted {
  color: #fff6;
}

.sa-home .sa-quickstart-v28 .v28-qs-response {
  background: #0c100c;
  border-top: 1px solid #ffffff14;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  padding: 12px 16px 14px;
  display: flex;
}

.sa-home .sa-quickstart-v28 .v28-qs-response-label {
  color: #fff6;
  font: 10px/1.5 var(--qs-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
}

.sa-home .sa-quickstart-v28 .v28-qs-response > code {
  color: #ffffffc7;
  font: 12px/1.4 var(--qs-mono);
  background: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 0;
  display: inline-flex;
}

.sa-home .sa-quickstart-v28 .v28-qs-response i {
  background: #7fee64;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 3px #7fee6429;
}

.sa-home .sa-quickstart-v28 .v28-qs-response-text {
  display: inline-block;
}

.sa-home .sa-quickstart-v28[data-revealed] .v28-qs-response-text {
  animation: .65s steps(35, end) 1.2s both v28QsResponse;
}

.sa-home .sa-quickstart-v28 .v28-qs-ok {
  color: #96f180;
  font: 10px/1 var(--qs-mono);
  letter-spacing: .08em;
  background: #7fee641f;
  border: 1px solid #7fee6461;
  border-radius: 999px;
  align-items: center;
  padding: 4px 7px;
  display: inline-flex;
}

.sa-home .sa-quickstart-v28[data-revealed] .v28-qs-ok {
  animation: .7s cubic-bezier(.22, 1, .36, 1) 1.85s both v28QsOk;
}

.sa-home .sa-quickstart-v28 .v28-qs-foot {
  text-align: right;
  margin: 28px 0 0;
  font-size: 13px;
}

.sa-home .sa-quickstart-v28 .v28-qs-foot a {
  color: var(--sa-muted, #a3aaa0);
  border-bottom: 1px solid #ffffff29;
  align-items: center;
  gap: 4px;
  padding-bottom: 2px;
  text-decoration: none;
  display: inline-flex;
}

.sa-home .sa-quickstart-v28 .v28-qs-foot a:hover {
  color: #c8f9b6;
}

@keyframes v28QsPanel {
  from {
    opacity: 0;
    filter: blur(2px);
  }

  to {
    opacity: 1;
    filter: none;
  }
}

@keyframes v28QsLine {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes v28QsResponse {
  from {
    clip-path: inset(0 100% 0 0);
  }

  to {
    clip-path: inset(0);
  }
}

@keyframes v28QsOk {
  0% {
    opacity: 0;
    transform: scale(.9);
  }

  40% {
    opacity: 1;
    transform: scale(1.06);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

html.light .sa-quickstart-v28 :is(.v28-qs-eyebrow, .v28-qs-chip > span, .v28-qs-chip > svg) {
  color: var(--sa-subtle);
}

html.light .sa-home .sa-quickstart-v28 .v28-qs-chip {
  border-color: var(--sa-line);
  background: var(--sa-panel);
}

html.light .sa-home .sa-quickstart-v28 .v28-qs-chip > code {
  color: var(--sa-text);
}

html.light .sa-home .sa-quickstart-v28 .v28-qs-foot a {
  border-color: var(--sa-line);
}

@media (max-width: 1050px) {
  .sa-home .sa-quickstart-v28 .v28-qs-heading {
    gap: 35px;
  }

  .sa-home .sa-quickstart-v28 .v28-qs-heading h2 {
    font-size: 34px;
  }

  .sa-home .sa-quickstart-v28 .v28-qs-heading > p {
    max-width: 310px;
    font-size: 14px;
  }
}

@media (max-width: 760px) {
  .sa-home .sa-developers .sa-quickstart-v28 {
    width: calc(100% - 40px);
    padding: 38px 0;
  }

  .sa-home .sa-quickstart-v28 .v28-qs-heading {
    display: block;
  }

  .sa-home .sa-quickstart-v28 .v28-qs-heading h2 {
    font-size: 32px;
  }

  .sa-home .sa-quickstart-v28 .v28-qs-heading > p {
    max-width: none;
    margin-top: 16px;
  }

  .sa-home .sa-quickstart-v28 .v28-qs-window-bar {
    flex-wrap: wrap;
    row-gap: 8px;
  }

  .sa-home .sa-quickstart-v28 .v28-qs-chrome {
    order: 1;
  }

  .sa-home .sa-quickstart-v28 .v28-qs-filename {
    flex: calc(100% - 80px);
    order: 2;
    display: block;
  }

  .sa-home .sa-quickstart-v28 .v28-qs-tabs {
    order: 3;
    margin-left: auto;
  }

  .sa-home .sa-quickstart-v28 .v28-qs-copy {
    order: 4;
  }

  .sa-home .sa-quickstart-v28 .v28-qs-code {
    min-height: 180px;
    padding: 14px;
    font-size: 12px;
  }

  .sa-home .sa-quickstart-v28 .v28-qs-chip > code {
    max-width: 58vw;
  }

  .sa-home .sa-quickstart-v28 .v28-qs-foot {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sa-home .sa-quickstart-v28 *, .sa-home .sa-quickstart-v28 :before, .sa-home .sa-quickstart-v28 :after {
    clip-path: none !important;
    transition: none !important;
    animation: none !important;
  }
}

.sa-home .sa-quickstart-v28 .v28-qs-panel:focus-visible {
  outline-offset: -2px;
  outline: 2px solid #a7c7ad;
}

.cv5-enterprise {
  --cv5-display: "SoftAurora Lausanne", "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
}

.cv5-enterprise .cv5-enterprise-frame {
  width: 100%;
  color: var(--cv5-fg);
  font: 400 13px/1.55 var(--cv5-font);
  background: radial-gradient(ellipse at 25% 0%,
    color-mix(in srgb, var(--cv5-primary) 3%, transparent),
    transparent 46%);
  padding: 34px 36px 56px;
}

.cv5-enterprise .cv5-enterprise-heading {
  margin-bottom: 34px;
}

.cv5-enterprise .cv5-enterprise-eyebrow {
  font: 400 10.5px/1.5 var(--cv5-mono);
  letter-spacing: .055em;
  color: var(--cv5-primary);
  align-items: center;
  gap: 8px;
  margin: 0 0 13px;
  display: flex;
}

.cv5-enterprise-eyebrow > i {
  width: 5px;
  height: 5px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cv5-primary) 10%, transparent);
  background: currentColor;
  border-radius: 50%;
}

.cv5-enterprise .cv5-enterprise-heading h1 {
  max-width: 900px;
  color: var(--cv5-fg);
  font: 400 34px/1.16 var(--cv5-display);
  letter-spacing: -.04em;
  text-wrap: balance;
  margin: 0;
}

.cv5-enterprise .cv5-enterprise-lead {
  max-width: 72ch;
  color: var(--cv5-muted);
  font: 400 13.5px/1.7 var(--cv5-font);
  margin: 13px 0 0;
}

.cv5-enterprise-grid {
  grid-template-columns: minmax(0, 1fr) 340px;
  align-items: start;
  gap: 40px;
  display: grid;
}

.cv5-enterprise-services {
  min-width: 0;
}

.cv5-enterprise .cv5-enterprise-section-heading {
  border-bottom: 1px solid var(--cv5-line);
  justify-content: space-between;
  align-items: center;
  padding: 0 0 13px;
  display: flex;
}

.cv5-enterprise .cv5-enterprise-section-heading h2 {
  color: var(--cv5-fg);
  font: 500 12px/1.4 var(--cv5-font);
  margin: 0;
}

.cv5-enterprise-section-heading > span {
  color: var(--cv5-faint);
  font: 400 10px var(--cv5-mono);
}

.cv5-enterprise-services > ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cv5-enterprise-services li {
  border-bottom: 1px solid var(--cv5-line);
  gap: 16px;
  padding: 24px 0;
  display: flex;
}

.cv5-enterprise-service-icon {
  width: 34px;
  height: 34px;
  color: var(--cv5-primary);
  background: color-mix(in srgb, var(--cv5-primary) 6%, transparent);
  border: 1px solid color-mix(in srgb, var(--cv5-primary) 14%, var(--cv5-line));
  border-radius: 8px;
  flex: none;
  place-items: center;
  display: grid;
}

.cv5-enterprise-service-copy {
  flex: 1;
  min-width: 0;
}

.cv5-enterprise-service-title {
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  display: flex;
}

.cv5-enterprise .cv5-enterprise-service-title h3 {
  color: var(--cv5-fg);
  font: 500 16px/1.45 var(--cv5-font);
  letter-spacing: -.025em;
  margin: 0;
}

.cv5-enterprise-service-title > span {
  color: var(--cv5-faint);
  font: 400 10px var(--cv5-mono);
}

.cv5-enterprise .cv5-enterprise-service-copy p {
  max-width: 75ch;
  font: 400 12.5px/1.75 var(--cv5-font);
  color: var(--cv5-muted);
  margin: 8px 0 0;
}

.cv5-enterprise .cv5-enterprise-contact {
  border: 1px solid var(--cv5-line);
  background: var(--cv5-panel);
  border-radius: 12px;
  padding: 24px;
}

.cv5-enterprise .cv5-enterprise-contact h2 {
  color: var(--cv5-fg);
  font: 400 21px/1.25 var(--cv5-display);
  letter-spacing: -.035em;
  margin: 0;
}

.cv5-enterprise .cv5-enterprise-contact > p {
  font: 400 12.5px/1.8 var(--cv5-font);
  color: var(--cv5-muted);
  margin: 12px 0 22px;
}

.cv5-enterprise .cv5-enterprise-cta {
  min-height: 36px;
  font: 500 12px/1.4 var(--cv5-font);
  color: var(--cv5-ink);
  background: var(--cv5-cta);
  border-radius: 999px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 8px 15px;
  text-decoration: none;
  transition: background .14s;
  display: flex;
}

.cv5-enterprise .cv5-enterprise-cta:hover {
  background: color-mix(in srgb, var(--cv5-cta) 84%, white);
}

.cv5-enterprise .cv5-enterprise-catalog-link {
  color: var(--cv5-muted);
  border-top: 1px solid var(--cv5-line);
  font: 400 11.5px/1.4 var(--cv5-font);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  padding-top: 16px;
  text-decoration: none;
  transition: color .14s;
  display: flex;
}

.cv5-enterprise .cv5-enterprise-catalog-link:hover {
  color: var(--cv5-fg);
}

.cv5-enterprise .cv5-enterprise-contact-channels {
  gap: 14px;
  margin: 20px 0 0;
  display: grid;
}

.cv5-enterprise .cv5-enterprise-contact-channels dt {
  color: var(--cv5-muted);
  margin: 0 0 4px;
  font-size: 11px;
}

.cv5-enterprise .cv5-enterprise-contact-channels dd {
  color: var(--cv5-fg);
  font: 400 12px/1.6 var(--cv5-mono);
  overflow-wrap: anywhere;
  -webkit-user-select: text;
  user-select: text;
  margin: 0;
}

.cv5-enterprise a:focus-visible {
  outline: 2px solid var(--cv5-primary);
  outline-offset: 3px;
}

@media (max-width: 900px) {
  .cv5-enterprise-grid {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 24px;
  }
}

@media (max-width: 760px) {
  .cv5-enterprise .cv5-enterprise-frame {
    padding: 28px 20px 44px;
  }

  .cv5-enterprise .cv5-enterprise-heading h1 {
    font-size: 30px;
  }

  .cv5-enterprise-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cv5-enterprise a {
    transition: none !important;
  }
}

html:root .cheapai-public.sa-auth {
  --entry-bg: #040804;
  --entry-story: #080e08;
  --entry-text: #e3e5e1;
  --entry-muted: #a3aaa0;
  --entry-subtle: #818c7c;
  --entry-control: #10160f;
  --entry-line: #303a2c;
  --entry-accent: #b4f56a;
  --entry-accent-ink: #10220b;
  --entry-error: #e29a91;
  --entry-heading: "SoftAurora Lausanne", "Public Sans Variable", Arial, sans-serif;
  --foreground: var(--entry-text);
  --muted-foreground: var(--entry-muted);
  --primary: var(--entry-accent);
  --primary-foreground: var(--entry-accent-ink);
  --ring: var(--entry-accent);
  --destructive: var(--entry-error);
  background: var(--entry-bg);
  min-height: 100svh;
  color: var(--entry-text);
  -webkit-font-smoothing: antialiased;
  font-family: Public Sans Variable, Arial, sans-serif;
  position: relative;
}

html.light .cheapai-public.sa-auth {
  --entry-bg: #fff;
  --entry-story: #f0f5e9;
  --entry-text: #202620;
  --entry-muted: #626d61;
  --entry-subtle: #687568;
  --entry-control: #f7f9f4;
  --entry-line: #cbd7c6;
  --entry-accent: #287344;
  --entry-accent-ink: #fff;
  --entry-error: #b34337;
}

.sa-auth-header {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  height: 96px;
  padding: 0 clamp(28px, 4vw, 64px);
  display: flex;
  position: absolute;
  inset: 0 0 auto;
}

.sa-auth-brand {
  color: var(--entry-text);
  font: 400 21px/1 var(--entry-heading);
  letter-spacing: -.045em;
  border-radius: 6px;
  align-items: center;
  gap: 9px;
  display: inline-flex;
}

.sa-auth-brand img {
  object-fit: contain;
}

.sa-auth-nav {
  align-items: center;
  gap: 12px;
  display: flex;
}

.sa-auth-home {
  min-height: 40px;
  color: var(--entry-muted);
  align-items: center;
  gap: 6px;
  font-size: 12px;
  transition: color .16s;
  display: inline-flex;
}

.sa-auth-home:hover {
  color: var(--entry-text);
}

.sa-auth-nav-divider {
  background: var(--entry-line);
  width: 1px;
  height: 15px;
  margin: 0 2px 0 8px;
}

.sa-auth .sa-auth-utility {
  min-width: 36px;
  height: 36px;
  box-shadow: none;
  color: var(--entry-muted);
  background: none;
  border: 0;
  border-radius: 8px;
  font-size: 12px;
}

.sa-auth .sa-auth-utility:hover {
  background: var(--entry-control);
  color: var(--entry-text);
}

.sa-auth-layout {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 100svh;
  display: grid;
}

.sa-auth-story {
  isolation: isolate;
  background: var(--entry-story);
  align-items: center;
  min-width: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sa-auth-ambient {
  z-index: -2;
  opacity: .72;
  pointer-events: none;
  background: radial-gradient(at 35% 62%, #416548 0, #18261b 40%, #080e08 75%);
  position: absolute;
  inset: 0;
}

.sa-auth-ambient .sa-background {
  position: absolute;
  inset: 0;
}

.sa-auth-ambient canvas {
  width: 100%;
  height: 100%;
  display: block;
}

.sa-auth-story:after {
  z-index: -1;
  content: "";
  pointer-events: none;
  background: linear-gradient(#04080499, #04080422 40%, #04080400 60%, #040804aa), linear-gradient(90deg, #04080422, #0000 75%, #04080444);
  position: absolute;
  inset: 0;
}

.sa-auth-story-copy {
  width: 100%;
  padding: 120px clamp(36px, 5.5vw, 88px);
  transform: translateY(12px);
}

.sa-auth-eyebrow {
  color: #d0dfc8;
  letter-spacing: .035em;
  align-items: center;
  gap: 9px;
  font-size: 11px;
  line-height: 1.6;
  display: flex;
}

.sa-auth-eyebrow i {
  background: #b4f56a;
  border-radius: 50%;
  flex: none;
  width: 5px;
  height: 5px;
}

.sa-auth .sa-auth-story h2 {
  color: #ecf0e8;
  font: 400 clamp(36px, 3.65vw, 64px)/1.08 var(--entry-heading);
  letter-spacing: -.055em;
  margin: 24px 0 20px;
}

.sa-auth-story h2 span {
  color: #c8f9b6;
}

.sa-auth-story-copy > p {
  color: #c4cfc1;
  text-wrap: pretty;
  max-width: 330px;
  font-size: 13px;
  line-height: 1.75;
}

.sa-auth-story-footnote {
  color: #a4b59d;
  font-size: 11px;
  line-height: 1.6;
  position: absolute;
  inset: auto auto 32px clamp(36px, 5.5vw, 88px);
}

.sa-auth-main {
  justify-content: center;
  align-items: center;
  min-width: 0;
  padding: 124px 48px 76px;
  display: flex;
}

.sa-auth-form {
  width: 100%;
  max-width: 360px;
  animation: .42s cubic-bezier(.22, 1, .36, 1) both auth-entry-in;
}

.sa-auth-heading {
  margin-bottom: 30px;
}

.sa-auth-form-eyebrow {
  color: var(--entry-subtle);
  letter-spacing: .06em;
  margin-bottom: 14px;
  font-size: 11px;
  line-height: 1.5;
  display: block;
}

.sa-auth .sa-auth-heading h1 {
  color: var(--entry-text);
  font: 400 34px/1.16 var(--entry-heading);
  letter-spacing: -.045em;
  text-wrap: balance;
  margin: 0;
}

.sa-auth-description {
  color: var(--entry-muted);
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.75;
}

.sa-auth-fields > form, .sa-auth-fields [data-slot="field-group"] {
  gap: 20px;
}

.sa-auth-fields [data-slot="form-label"], .sa-auth-fields label {
  color: var(--entry-text);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
}

.sa-auth .auth-control {
  border: 1px solid var(--entry-line);
  background: var(--entry-control);
  height: 46px;
  min-height: 46px;
  color: var(--entry-text);
  box-shadow: none;
  border-radius: 9px;
  font-size: 13px;
  transition: border-color .16s, box-shadow .16s, background-color .16s;
}

.sa-auth input.auth-control {
  padding-inline: 14px;
}

.sa-auth .auth-control input {
  border-radius: inherit;
  height: 100%;
  min-height: 0;
  color: var(--entry-text);
  box-shadow: none;
  background: none;
  border: 0;
  padding-left: 14px;
  font-size: 13px;
}

.sa-auth .auth-control::placeholder, .sa-auth .auth-control input::placeholder {
  color: var(--entry-subtle);
  opacity: .82;
}

.sa-auth .auth-control:hover {
  border-color: color-mix(in srgb, var(--entry-text) 30%, var(--entry-line));
}

.sa-auth .auth-control:focus-visible, .sa-auth .auth-control:focus-within {
  border-color: color-mix(in srgb, var(--entry-accent) 72%, var(--entry-line));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--entry-accent) 10%, transparent);
  outline: none;
}

.sa-auth .auth-control[aria-invalid="true"] {
  border-color: var(--entry-error);
}

.sa-auth .auth-control:has([aria-invalid="true"]) {
  border-color: var(--entry-error);
}

.sa-auth .auth-control [data-slot="input-group-button"] {
  color: var(--entry-subtle);
}

.sa-auth .auth-control [data-slot="input-group-button"]:hover {
  color: var(--entry-text);
  background: none;
}

.sa-auth .auth-control:disabled {
  opacity: .6;
}

.sa-auth .auth-control:has(:disabled) {
  opacity: .6;
}

.sa-auth .auth-primary-action {
  background: var(--entry-accent);
  height: 46px;
  color: var(--entry-accent-ink);
  box-shadow: none;
  border: 1px solid #0000;
  justify-content: center;
  gap: 10px;
  margin-top: 2px;
  font-size: 13px;
  font-weight: 500;
  transition: background-color .16s, box-shadow .16s;
  display: flex;
  border-radius: 999px !important;
}

.sa-auth .auth-primary-action:hover:not(:disabled) {
  background: color-mix(in srgb, var(--entry-accent) 88%, var(--entry-text));
}

.sa-auth .auth-primary-action > svg {
  width: 16px;
  height: 16px;
  transition: transform .18s;
}

.sa-auth .auth-primary-action:hover:not(:disabled) > svg {
  transform: translateX(3px);
}

.sa-auth .auth-primary-action:disabled {
  opacity: 1;
  background: var(--entry-control);
  color: var(--entry-subtle);
  border-color: var(--entry-line);
}

.sa-auth .auth-panel {
  border: 1px solid var(--entry-line);
  background: var(--entry-control);
  border-radius: 9px;
}

.sa-auth .sa-auth-fields > form > p, .sa-auth .sa-auth-switch {
  color: var(--entry-muted);
  text-align: center;
  font-size: 12px;
  line-height: 1.75;
}

.sa-auth .sa-auth-fields > form > p {
  margin-top: 3px;
}

.sa-auth .sa-auth-fields > form > p button, .sa-auth .sa-auth-switch button {
  color: var(--entry-text);
  font-size: inherit;
  margin-left: 4px;
  font-weight: 400;
  text-decoration: none;
  transition: color .16s;
}

.sa-auth .sa-auth-switch {
  margin-top: 22px;
}

.sa-auth .sa-auth-fields > form > p button:hover, .sa-auth .sa-auth-switch button:hover {
  color: var(--entry-accent);
}

.sa-auth .sa-auth-legal {
  margin-top: 28px;
}

.sa-auth .sa-auth-legal p, .sa-auth .sa-auth-registration-legal p {
  color: var(--entry-subtle);
  text-wrap: pretty;
  font-size: 11px;
  line-height: 1.8;
}

.sa-auth .sa-auth-legal a, .sa-auth .sa-auth-registration-legal a {
  color: var(--entry-muted);
  text-decoration: none;
}

.sa-auth .sa-auth-legal a:hover, .sa-auth .sa-auth-registration-legal a:hover {
  color: var(--entry-text);
  text-decoration: underline;
}

.sa-auth .sa-auth-registration-legal {
  margin-top: 24px;
}

.sa-auth-form[data-mode="sign-up"] .sa-auth-heading {
  margin-bottom: 24px;
}

.sa-auth-form[data-mode="sign-up"] [data-slot="field-group"] {
  gap: 14px;
}

.sa-auth-form[data-mode="sign-up"] [data-slot="field-description"] {
  font-size: 11px;
  line-height: 1.6;
}

.sa-auth input:-webkit-autofill {
  -webkit-text-fill-color: var(--entry-text);
  box-shadow: 0 0 0 1000px var(--entry-control) inset;
  caret-color: var(--entry-text);
}

.sa-auth a:focus-visible, .sa-auth button:focus-visible {
  outline: 2px solid var(--entry-accent);
  outline-offset: 4px;
}

.sa-auth .auth-otp [data-slot="input-otp-slot"] {
  border-color: var(--entry-line);
  background: var(--entry-control);
}

.sa-auth .auth-otp [data-slot="input-otp-slot"][data-active="true"] {
  outline: 2px solid var(--entry-accent);
  outline-offset: 2px;
}

html.light .sa-auth-ambient {
  opacity: .65;
  background: radial-gradient(at 35% 62%, #b1caa0, #edf4e5 72%);
}

html.light .sa-auth-story:after {
  background: linear-gradient(#f0f5e977, #f0f5e922 45%, #0000 75%, #e9f2e177);
}

html.light .sa-auth-eyebrow, html.light .sa-auth-story-copy > p {
  color: #405139;
}

html.light .sa-auth .sa-auth-story h2 {
  color: #1d321d;
}

html.light .sa-auth-story h2 span {
  color: #31542b;
}

html.light .sa-auth-story-footnote {
  color: #52634b;
}

html.light .sa-auth-eyebrow i {
  background: #287344;
}

@keyframes auth-entry-in {
  from {
    opacity: 0;
    transform: translateY(7px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 1600px) {
  .sa-auth-form {
    max-width: 380px;
  }
}

@media (min-width: 768px) and (max-height: 800px) {
  .sa-auth-main {
    padding-block: 104px 32px;
  }

  .sa-auth-form[data-mode="sign-up"] .sa-auth-form-eyebrow {
    margin-bottom: 10px;
  }

  .sa-auth-form[data-mode="sign-up"] .sa-auth-switch, .sa-auth-form[data-mode="sign-up"] .sa-auth-registration-legal {
    margin-top: 18px;
  }
}

@media (max-width: 1023px) {
  .sa-auth-header {
    padding-inline: 28px;
  }

  .sa-auth-layout {
    grid-template-columns: minmax(0, .88fr) minmax(0, 1fr);
  }

  .sa-auth-story-copy {
    padding-inline: 34px;
  }

  .sa-auth-main {
    padding-inline: 32px;
  }

  .sa-auth-eyebrow {
    max-width: 230px;
  }
}

@media (max-width: 767px) {
  .sa-auth-header {
    gap: 12px;
    height: 80px;
    padding-inline: 22px;
    position: relative;
  }

  .sa-auth-brand {
    font-size: 19px;
  }

  .sa-auth-brand img {
    width: 28px;
    height: 28px;
  }

  .sa-auth-nav {
    gap: 3px;
  }

  .sa-auth-home, .sa-auth-nav-divider {
    display: none;
  }

  .sa-auth-layout {
    min-height: calc(100svh - 80px);
    display: block;
  }

  .sa-auth-story {
    display: none;
  }

  .sa-auth-main {
    align-items: flex-start;
    min-height: calc(100svh - 80px);
    padding: 64px 28px 48px;
  }

  .sa-auth .sa-auth-heading h1 {
    font-size: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sa-auth-form {
    animation: none;
  }

  .sa-auth *, .sa-auth :before, .sa-auth :after {
    transition-duration: 0s !important;
  }
}

.sa-marketing-shell {
  --sa-bg: #040804;
  --sa-panel: #10120f;
  --sa-raised: #1a1c19;
  --sa-text: #e3e5e1;
  --sa-muted: #a3aaa0;
  --sa-subtle: #818c7c;
  --sa-line: #2c3528;
  --sa-accent: #7fee64;
  --sa-soft: #c8f9b6;
  --sa-cta: #b4f56a;
  --sa-ink: #10220b;
  --sa-heading: "SoftAurora Lausanne", "Public Sans Variable", Arial, sans-serif;
  background: var(--sa-bg);
  color: var(--sa-text);
  font-family: Public Sans Variable, Arial, sans-serif;
}

html.light .sa-marketing-shell {
  --sa-bg: #fff;
  --sa-panel: #f7f9f3;
  --sa-raised: #edf3e7;
  --sa-text: #202620;
  --sa-muted: #5e685f;
  --sa-subtle: #687469;
  --sa-line: #dce3d9;
  --sa-accent: #287344;
  --sa-soft: #286940;
}

body:has(.sa-marketing-shell) {
  background: #040804;
}

html.light body:has(.sa-marketing-shell) {
  background: #fff;
}

.sa-marketing-shell .cheapai-public {
  --background: var(--sa-bg);
  --foreground: var(--sa-text);
  --card: var(--sa-panel);
  --card-foreground: var(--sa-text);
  --popover: var(--sa-panel);
  --popover-foreground: var(--sa-text);
  --muted: var(--sa-raised);
  --muted-foreground: var(--sa-muted);
  --primary: var(--sa-cta);
  --primary-foreground: var(--sa-ink);
  --border: var(--sa-line);
  --accent: var(--sa-raised);
  --accent-foreground: var(--sa-soft);
  --brand-signal: var(--sa-accent);
  --ring: var(--sa-accent);
  --input: var(--sa-line);
  background: var(--sa-bg);
  color: var(--sa-text);
  font-family: Public Sans Variable, Arial, sans-serif;
}

.sa-marketing-shell .cheapai-public-header {
  background: var(--sa-bg);
  color: var(--sa-text);
  box-shadow: none;
  border: 0;
  position: relative;
  top: auto;
}

.sa-marketing-shell .home-nav {
  max-width: 1240px;
  height: auto;
  min-height: 88px;
  box-shadow: none;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin: auto;
  padding: 18px 28px;
  display: flex;
}

.sa-marketing-shell .cheapai-wordmark-mark {
  width: 35px;
  height: 35px;
}

.sa-marketing-shell .cheapai-wordmark-name {
  font-family: var(--sa-heading);
  letter-spacing: -.045em;
  color: var(--sa-text);
  font-size: 21px;
  font-weight: 400;
}

.sa-marketing-shell .cheapai-wordmark-name > span {
  color: inherit;
}

.sa-marketing-shell .home-desktop-nav {
  margin-left: auto;
}

.sa-marketing-shell .home-desktop-nav a {
  color: var(--sa-muted);
  background: none;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 400;
}

.sa-marketing-shell .home-desktop-nav a:hover {
  color: var(--sa-text);
  background: var(--sa-raised);
}

.sa-marketing-shell .home-nav-actions {
  gap: 10px;
}

.sa-marketing-shell .home-nav-control {
  color: var(--sa-text);
  border-radius: 999px;
  font-size: 12px;
}

.sa-marketing-shell .home-nav-signin {
  border: 0;
  padding: 8px 4px;
}

.sa-marketing-shell .home-button {
  background: var(--sa-cta);
  height: 36px;
  min-height: 36px;
  color: var(--sa-ink);
  box-shadow: none;
  border: 0;
  border-radius: 999px;
  padding: 0 16px;
  font: 500 12px / 1 Public Sans Variable, Arial, sans-serif;
}

.sa-marketing-shell .home-button:hover {
  color: var(--sa-ink);
  background: #c5ff7e;
}

.sa-marketing-shell .home-mobile-menu {
  background: var(--sa-bg);
  color: var(--sa-text);
}

.sa-marketing-shell .sa-home {
  isolation: isolate;
  background: var(--sa-bg);
  width: 100%;
  max-width: none;
  color: var(--sa-text);
  letter-spacing: -.005em;
  margin: 0;
  padding: 0;
  font-family: Public Sans Variable, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  overflow: clip;
}

.sa-marketing-shell .sa-home :is(h1, h2, h3, p) {
  margin: 0;
}

.sa-marketing-shell .sa-home :is(h1, h2) {
  font-family: var(--sa-heading);
  letter-spacing: -.04em;
  color: var(--sa-text);
  text-transform: none;
  font-weight: 400;
}

.sa-marketing-shell .sa-home h2 {
  font-size: clamp(32px, 4.2vw, 50px);
  line-height: 1.08;
}

.sa-marketing-shell .sa-home h3 {
  letter-spacing: -.025em;
  color: var(--sa-text);
  font-family: Public Sans Variable, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.3;
}

.sa-home :is(a, button):focus-visible {
  outline: 2px solid var(--sa-accent);
  outline-offset: 4px;
}

.sa-home [data-home-reveal] {
  opacity: 1;
  transform: none;
}

.sa-home .sa-section {
  width: calc(100% - 48px);
  max-width: 1120px;
  margin-inline: auto;
  padding: 62px 0;
}

.sa-home .sa-eyebrow {
  color: var(--sa-subtle);
  letter-spacing: .1em;
  text-transform: uppercase;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.5;
  display: inline-flex;
}

.sa-home .sa-centered-heading {
  text-align: center;
  max-width: 620px;
  margin: 0 auto;
}

.sa-home .sa-centered-heading > p {
  color: var(--sa-muted);
  margin-top: 17px;
  font-size: 14px;
  line-height: 1.65;
}

.sa-home .sa-section-heading {
  justify-content: space-between;
  align-items: end;
  gap: 40px;
  margin-bottom: 32px;
  display: flex;
}

.sa-home .sa-section-heading .sa-eyebrow {
  margin-bottom: 16px;
}

.sa-home .sa-section-heading > p {
  max-width: 350px;
  color: var(--sa-muted);
  font-size: 13px;
  line-height: 1.7;
}

.sa-home .sa-actions {
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 38px;
  display: flex;
}

.sa-home .sa-button {
  background: var(--sa-cta);
  min-height: 50px;
  color: var(--sa-ink);
  border: 1px solid #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 0 23px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: transform .25s, background .25s, border-color .25s;
  display: inline-flex;
}

.sa-home .sa-button:hover {
  color: var(--sa-ink);
  background: #c5ff7e;
  transform: translateY(-2px);
}

.sa-home .sa-button-outline {
  border-color: color-mix(in srgb, var(--sa-text) 22%, transparent);
  color: var(--sa-text);
  background: none;
}

.sa-home .sa-button-outline:hover {
  background: color-mix(in srgb, var(--sa-text) 6%, transparent);
  color: var(--sa-text);
}

.sa-home .sa-text-link {
  min-height: 35px;
  color: var(--sa-muted);
  align-items: center;
  gap: 9px;
  font-size: 12px;
  line-height: 1.5;
  text-decoration: none;
  display: inline-flex;
}

.sa-home .sa-text-link:hover {
  color: var(--sa-soft);
}

.sa-home .sa-hero {
  isolation: isolate;
  text-align: center;
  background: var(--sa-bg);
  place-items: center;
  min-height: 690px;
  padding: 95px 24px 125px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.sa-home .sa-background {
  pointer-events: none;
  z-index: -1;
  background: var(--sa-bg);
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.sa-home .sa-background canvas {
  width: 100%;
  height: 100%;
  display: block;
}

.sa-home .sa-background-hero {
  -webkit-mask-image: linear-gradient(#000 75%, #0000);
  mask-image: linear-gradient(#000 75%, #0000);
}

.sa-home .sa-hero:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 40%,
    color-mix(in srgb, var(--sa-bg) 55%, transparent),
    color-mix(in srgb, var(--sa-bg) 25%, transparent) 48%,
    transparent 80%);
  position: absolute;
  inset: 0;
}

.sa-home .sa-hero .sa-eyebrow {
  color: var(--sa-muted);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 34px;
  font-size: 11px;
  font-weight: 400;
}

.sa-home .sa-hero .sa-eyebrow > svg {
  width: 22px;
  height: 22px;
  color: var(--sa-soft);
}

.sa-home .sa-hero h1 {
  letter-spacing: -.04em;
  font-size: clamp(44px, 5.2vw, 64px);
  line-height: 1.05;
}

.sa-home .sa-hero h1 > span {
  color: var(--sa-accent);
}

.sa-home .sa-hero-copy > p {
  color: var(--sa-muted);
  margin-top: 28px;
  font-size: 19px;
  line-height: 1.6;
}

.sa-home .sa-orbit-section {
  padding-top: 36px;
  padding-bottom: 30px;
}

.sa-home .sa-orbit-stage {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  cursor: grab;
  max-width: 1010px;
  height: 350px;
  margin: 16px auto 0;
  position: relative;
}

.sa-home .sa-orbit-stage:active {
  cursor: grabbing;
}

.sa-home .sa-orbit-path {
  fill: none;
  width: 100%;
  height: 100%;
  stroke: color-mix(in srgb, var(--sa-accent) 18%, transparent);
  stroke-width: 1px;
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.sa-home .sa-orbit-item {
  width: 76px;
  height: 68px;
  color: var(--sa-muted);
  cursor: pointer;
  opacity: 0;
  will-change: transform, opacity;
  background: none;
  border: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.sa-home .sa-orbit-item > span {
  white-space: nowrap;
  font-size: 11px;
}

.sa-home .sa-orbit-item[aria-pressed="true"], .sa-home .sa-orbit-item:hover {
  color: var(--sa-accent);
}

.sa-home .sa-orbit-center {
  z-index: 90;
  text-align: center;
  background: radial-gradient(ellipse,
    color-mix(in srgb, var(--sa-bg) 94%, transparent),
    transparent 74%);
  pointer-events: none;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-width: 240px;
  padding: 18px 25px;
  display: flex;
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sa-home .sa-orbit-center > svg {
  width: 42px;
  height: 42px;
}

.sa-home .sa-orbit-center > h3 {
  font-family: var(--sa-heading);
  font-size: 23px;
  font-weight: 400;
}

.sa-home .sa-orbit-center > a {
  color: var(--sa-subtle);
  pointer-events: auto;
  font-size: 10px;
}

.sa-home .sa-gateway-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-bottom: 22px;
  display: grid;
}

.sa-home .sa-product-label {
  color: var(--sa-subtle);
  margin-bottom: 11px;
  font: 10px / 1.5 ui-monospace, monospace;
  display: block;
}

.sa-home .sa-gateway-stage {
  border: 1px solid var(--sa-line);
  background: radial-gradient(circle at 1px 1px,
        color-mix(in srgb, var(--sa-text) 5%, transparent) 1px,
        transparent 1.2px)
      0 0/12px 12px,
    var(--sa-bg);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  min-width: 0;
  height: 360px;
  padding: 22px 18px;
  display: flex;
  overflow: hidden;
}

.sa-home .sa-gateway-grid article > h3 {
  margin-top: 17px;
  margin-bottom: 8px;
  font-size: 18px;
}

.sa-home .sa-gateway-grid article > p {
  color: var(--sa-muted);
  font-size: 13px;
  line-height: 1.65;
}

.sa-home .sa-access-window, .sa-home .sa-usage-window {
  border: 1px solid var(--sa-line);
  background: var(--sa-panel);
  border-radius: 12px;
  width: 100%;
  max-width: 280px;
  padding: 18px 16px;
  box-shadow: 0 18px 35px -22px #0007;
}

.sa-home .sa-access-window > header {
  color: var(--sa-muted);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  font: 11px / 1.5 ui-monospace, monospace;
  display: flex;
}

.sa-home .sa-access-window > header > strong {
  font-weight: 400;
}

.sa-home .sa-access-window > header > i {
  background: var(--sa-accent);
  border-radius: 50%;
  width: 5px;
  height: 5px;
}

.sa-home .sa-access-stats {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 18px;
  display: grid;
}

.sa-home .sa-access-stats > div {
  border: 1px solid var(--sa-line);
  background: var(--sa-raised);
  border-radius: 8px;
  gap: 4px;
  padding: 12px 10px;
  display: grid;
}

.sa-home .sa-access-stats strong {
  font-family: var(--sa-heading);
  letter-spacing: -.04em;
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
}

.sa-home .sa-access-stats span {
  color: var(--sa-subtle);
  font-size: 10px;
  line-height: 1.6;
}

.sa-home .sa-access-logos {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  display: grid;
}

.sa-home .sa-access-logos > span {
  aspect-ratio: 1;
  border: 1px solid var(--sa-line);
  background: var(--sa-raised);
  min-width: 0;
  color: var(--sa-muted);
  border-radius: 7px;
  place-items: center;
  display: grid;
}

.sa-home .sa-access-window > small {
  text-align: center;
  color: var(--sa-subtle);
  letter-spacing: .04em;
  margin-top: 16px;
  font: 9px / 1.5 ui-monospace, monospace;
  display: block;
}

.sa-home .sa-route-demo {
  width: 100%;
  max-width: 280px;
}

.sa-home .sa-route-step {
  border: 1px solid var(--sa-line);
  background: var(--sa-panel);
  opacity: .5;
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px;
  font-size: 12px;
  transition: opacity .4s, transform .4s, border-color .4s, background .4s;
  display: flex;
  transform: translateY(2px);
}

.sa-home .sa-route-step small {
  color: #bb8a70;
  font: 9px / 1.5 ui-monospace, monospace;
}

.sa-home .sa-route-current {
  border-color: color-mix(in srgb, var(--sa-accent) 38%, var(--sa-line));
  justify-content: start;
}

.sa-home .sa-route-current > svg {
  color: var(--sa-accent);
}

.sa-home .sa-route-connector {
  border-left: 1px dashed var(--sa-subtle);
  opacity: .4;
  width: 1px;
  height: 20px;
  margin: auto;
  display: block;
}

.sa-home .sa-route-backup svg {
  color: var(--sa-accent);
  opacity: 0;
  transition: opacity .3s, transform .3s;
  transform: scale(.7);
}

.sa-home .sa-route-demo[data-phase="0"] .sa-route-step:first-child, .sa-home .sa-route-demo[data-phase="1"] .sa-route-step:not(.sa-route-backup), .sa-home .sa-route-demo[data-phase="2"] .sa-route-step {
  opacity: 1;
  transform: none;
}

.sa-home .sa-route-demo[data-phase="1"] .sa-route-current {
  background: color-mix(in srgb, var(--sa-accent) 7%, var(--sa-panel));
  animation: 1.6s ease-in-out infinite sa-route-pulse;
}

.sa-home .sa-route-demo[data-phase="2"] .sa-route-backup svg {
  opacity: 1;
  transform: none;
}

.sa-home .sa-route-demo > p {
  text-align: center;
  color: var(--sa-subtle);
  margin-top: 17px;
  font: 10px / 1.6 ui-monospace, monospace;
}

@keyframes sa-route-pulse {
  50% {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--sa-accent) 8%, transparent);
  }
}

.sa-home .sa-usage-window > header {
  color: var(--sa-muted);
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 22px;
  font: 10px / 1.4 ui-monospace, monospace;
  display: flex;
}

.sa-home .sa-usage-window > header > small {
  color: var(--sa-subtle);
  font: 9px / 1.4 Public Sans Variable, Arial, sans-serif;
}

.sa-home .sa-usage-values {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.sa-home .sa-usage-values > div {
  gap: 9px;
  display: grid;
}

.sa-home .sa-usage-values small {
  color: var(--sa-subtle);
  font-size: 10px;
}

.sa-home .sa-usage-values strong {
  font-family: var(--sa-heading);
  letter-spacing: -.035em;
  font-size: 27px;
  font-weight: 400;
  line-height: 1.1;
}

.sa-home .sa-usage-window > svg {
  width: 100%;
  height: 45px;
  margin: 22px 0 10px;
  display: block;
  overflow: visible;
}

.sa-home .sa-usage-window path {
  fill: none;
  stroke: var(--sa-soft);
  stroke-width: 1.2px;
}

.sa-home .sa-usage-window > a {
  color: var(--sa-subtle);
  border-top: 1px solid var(--sa-line);
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
  font-size: 10px;
  display: flex;
}

.sa-home .sa-live-models {
  padding-top: 0;
  padding-bottom: 0;
}

.sa-home .sa-live-models > details {
  border-top: 1px solid var(--sa-line);
  border-bottom: 1px solid var(--sa-line);
}

.sa-home .sa-live-models summary {
  cursor: pointer;
  color: var(--sa-muted);
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 19px 0;
  font-size: 13px;
  list-style: none;
  display: flex;
}

.sa-home .sa-live-models summary::-webkit-details-marker {
  display: none;
}

.sa-home .sa-live-models[open] summary {
  color: var(--sa-text);
}

.sa-home .sa-live-models .home-live-catalog {
  background: none;
  border: 0;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 25px 0 36px;
}

.sa-home .sa-live-models .home-catalog-grid {
  display: none;
}

.sa-home .sa-live-models .home-catalog-heading {
  padding: 0 0 24px;
}

.sa-home .sa-live-models .home-catalog-title {
  font: 400 36px/1.15 var(--sa-heading);
  letter-spacing: -.04em;
  color: var(--sa-text);
}

.sa-home .sa-live-models .home-catalog-stage {
  background: var(--sa-panel);
  border: 1px solid var(--sa-line);
  box-shadow: none;
  color: var(--sa-text);
  border-radius: 12px;
}

.sa-home .sa-live-models :is(.home-catalog-toolbar, .home-catalog-directory, .home-catalog-detail) {
  background: var(--sa-panel);
  border-color: var(--sa-line);
}

.sa-home .sa-live-models .home-catalog-directory-list {
  max-height: 390px;
}

.sa-home .sa-live-models :is(.home-catalog-directory-item, .home-catalog-route-row) {
  border-color: var(--sa-line);
  color: var(--sa-text);
}

.sa-home .sa-live-models .home-catalog-directory-item[data-active="true"] {
  background: var(--sa-raised);
  box-shadow: inset 2px 0 var(--sa-accent);
}

.sa-home .sa-live-models .home-catalog-kicker {
  color: var(--sa-subtle);
}

.sa-home .sa-developers .home-integration {
  width: calc(100% - 48px);
  max-width: 1120px;
  color: var(--sa-text);
  background: none;
  margin: 0 auto;
  padding: 68px 0;
}

.sa-home .sa-developers .home-actions {
  justify-content: flex-start;
  gap: 10px;
  margin: 0 0 22px;
}

.sa-home .sa-developers .home-actions .home-button {
  height: 36px;
  min-height: 36px;
  font-size: 12px;
}

.sa-home .sa-developers .home-actions .home-button:not(:first-child) {
  color: var(--sa-muted);
  border: 1px solid var(--sa-line);
  background: none;
}

.sa-home .sa-developers .home-code-stage {
  border: 1px solid var(--sa-line);
  background: var(--sa-panel);
  border-radius: 14px;
  grid-template-columns: 1fr;
  gap: 0;
  padding: 0;
  display: grid;
  overflow: hidden;
  box-shadow: 0 18px 40px #0003;
}

.sa-home .sa-developers .home-code-steps {
  border: 0;
  border-bottom: 1px solid var(--sa-line);
  background: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 16px 20px;
  display: flex;
}

.sa-home .sa-developers .home-code-steps > .home-eyebrow {
  display: none;
}

.sa-home .sa-developers .home-code-steps ol {
  flex-flow: wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.sa-home .sa-developers .home-code-steps li {
  text-align: left;
  border: 0;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  display: block;
}

.sa-home .sa-developers .home-code-steps li > .home-pixel {
  display: none;
}

.sa-home .sa-developers .home-code-steps h3 {
  letter-spacing: .02em;
  color: var(--sa-subtle);
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 400;
}

.sa-home .sa-developers .home-code-steps p {
  display: none;
}

.sa-home .sa-developers .home-code-steps code {
  color: var(--sa-muted);
  overflow-wrap: anywhere;
  background: none;
  border: 0;
  padding: 0;
  font: 10px / 1.5 ui-monospace, monospace;
}

.sa-home .sa-developers .home-code-steps > .home-text-link {
  color: var(--sa-muted);
  font-size: 10px;
}

.sa-home .sa-developers .home-code-tabs {
  background: var(--sa-bg);
  border: 0;
  min-width: 0;
}

.sa-home .sa-developers .home-code-toolbar {
  background: var(--sa-panel);
  color: var(--sa-muted);
  border: 0;
  padding: 12px 20px;
}

.sa-home .sa-developers .home-code-toolbar code {
  letter-spacing: 0;
  font-size: 11px;
}

.sa-home .sa-developers .home-code-toolbar button {
  color: var(--sa-muted);
  height: 30px;
  font-size: 11px;
}

.sa-home .sa-developers [data-slot="tabs-list"] {
  background: var(--sa-panel);
  border-color: var(--sa-line);
  padding: 0 20px;
}

.sa-home .sa-developers [data-slot="tabs-trigger"] {
  color: var(--sa-muted);
  font-size: 11px;
  font-weight: 400;
}

.sa-home .sa-developers [data-slot="tabs-trigger"][data-active], .sa-home .sa-developers [data-slot="tabs-trigger"][aria-selected="true"] {
  color: var(--sa-soft);
}

.sa-home .sa-developers pre {
  background: var(--sa-bg);
  color: var(--sa-text);
  text-transform: none;
  min-height: 245px;
  margin: 0;
  padding: 22px 20px 26px;
  font: 12px / 1.75 JetBrains Mono Variable, ui-monospace, monospace;
  overflow: auto;
}

.sa-home .sa-developers .home-code-line {
  font: inherit;
  white-space: pre;
  gap: 20px;
  display: flex;
}

.sa-home .sa-developers .home-code-line > i {
  color: var(--sa-subtle);
  opacity: .55;
  -webkit-user-select: none;
  user-select: none;
  min-width: 18px;
  font-style: normal;
}

.sa-home .sa-developers .home-code-line[data-comment="true"] {
  color: var(--sa-muted);
}

.sa-home .sa-developers .home-code-caption {
  border-top: 1px solid var(--sa-line);
  background: var(--sa-panel);
  color: var(--sa-muted);
  justify-content: space-between;
  gap: 20px;
  padding: 12px 20px;
  font-size: 10px;
  display: flex;
}

.sa-home .sa-developers .home-code-caption .home-eyebrow {
  color: var(--sa-subtle);
  letter-spacing: 0;
  text-transform: none;
  font-size: 10px;
}

.sa-home .sa-workspace {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 60px;
  padding-top: 58px;
  padding-bottom: 62px;
  display: grid;
}

.sa-home .sa-workspace > div > p {
  color: var(--sa-muted);
  max-width: 390px;
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.65;
}

.sa-home .sa-workspace-options {
  gap: 7px;
  max-width: 410px;
  margin: 28px 0 10px;
  display: grid;
}

.sa-home .sa-workspace-options > button {
  text-align: left;
  cursor: pointer;
  color: var(--sa-muted);
  background: none;
  border: 0;
  border-left: 2px solid #0000;
  border-radius: 0 8px 8px 0;
  gap: 16px;
  padding: 14px 13px;
  transition: background .3s, border-color .3s;
  display: flex;
}

.sa-home .sa-workspace-options > button[aria-pressed="true"] {
  background: var(--sa-panel);
  border-left-color: var(--sa-accent);
}

.sa-home .sa-workspace-options > button > span {
  color: var(--sa-subtle);
  padding-top: 2px;
  font: 10px / 1.4 ui-monospace, monospace;
}

.sa-home .sa-workspace-options strong {
  color: var(--sa-text);
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.sa-home .sa-workspace-options p {
  color: var(--sa-muted);
  max-width: 310px;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.6;
}

.sa-home .sa-stack-wrap {
  place-items: center;
  min-width: 0;
  height: 400px;
  display: grid;
  position: relative;
}

.sa-home .sa-stack {
  perspective: 900px;
  width: calc(100% - 70px);
  max-width: 420px;
  height: 270px;
  position: relative;
}

.sa-home .sa-stack-card {
  border: 1px solid var(--sa-line);
  background: linear-gradient(180deg, var(--sa-raised), var(--sa-panel));
  min-width: 0;
  color: var(--sa-text);
  will-change: transform;
  border-radius: 13px;
  padding: 20px;
  position: absolute;
  inset: 0;
  overflow: hidden;
  box-shadow: 0 22px 40px -24px #0009;
}

.sa-home .sa-stack-card > header {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  font-size: 12px;
  display: flex;
}

.sa-home .sa-stack-card > header > small {
  color: var(--sa-subtle);
  letter-spacing: .03em;
  white-space: nowrap;
  font: 8px / 1.4 ui-monospace, monospace;
}

.sa-home .sa-key-examples {
  gap: 12px;
  display: grid;
}

.sa-home .sa-key-examples > div {
  border-bottom: 1px solid var(--sa-line);
  grid-template-columns: 1fr auto;
  gap: 5px 12px;
  padding-bottom: 12px;
  display: grid;
}

.sa-home .sa-key-examples strong {
  font-size: 12px;
  font-weight: 500;
}

.sa-home .sa-key-examples code {
  color: var(--sa-subtle);
  grid-column: 1;
  font-size: 10px;
}

.sa-home .sa-key-examples span {
  color: var(--sa-soft);
  grid-area: 1 / 2 / 3;
  align-self: center;
  font-size: 10px;
}

.sa-home .sa-spend-example > span {
  color: var(--sa-muted);
  margin-bottom: 24px;
  font-size: 12px;
  display: block;
}

.sa-home .sa-spend-example > div {
  color: var(--sa-muted);
  grid-template-columns: 52px 1fr 36px;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  font-size: 11px;
  display: grid;
}

.sa-home .sa-spend-example i {
  background: var(--sa-line);
  border-radius: 4px;
  height: 6px;
  overflow: hidden;
}

.sa-home .sa-spend-example b {
  background: var(--sa-soft);
  border-radius: inherit;
  height: 100%;
  display: block;
}

.sa-home .sa-spend-example small {
  text-align: right;
  font-size: 10px;
}

.sa-home .sa-spend-example > p {
  color: var(--sa-subtle);
  margin-top: 24px;
  font-size: 10px;
}

.sa-home .sa-log-example > div {
  border-bottom: 1px solid var(--sa-line);
  color: var(--sa-muted);
  grid-template-columns: 1fr 1fr 30px;
  gap: 16px;
  padding: 13px 0;
  font: 10px / 1.5 ui-monospace, monospace;
  display: grid;
}

.sa-home .sa-log-example code {
  font: inherit;
  color: var(--sa-text);
}

.sa-home .sa-log-example strong {
  color: var(--sa-soft);
  text-align: right;
  font-weight: 400;
}

.sa-home .sa-log-example strong[data-error] {
  color: #c47a7a;
}

.sa-home .sa-compatibility {
  padding-top: 70px;
  padding-bottom: 82px;
}

.sa-home .sa-compatibility .sa-centered-heading {
  max-width: 640px;
}

.sa-home .sa-compatibility .sa-centered-heading > p {
  max-width: 470px;
  margin: 20px auto 0;
  font-size: 13px;
}

.sa-home .sa-client-marquee {
  max-width: 1050px;
  margin: 44px auto 50px;
  display: flex;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 9% 91%, #0000);
  mask-image: linear-gradient(90deg, #0000, #000 9% 91%, #0000);
}

.sa-home .sa-client-marquee > div {
  flex-shrink: 0;
  align-items: center;
  gap: 64px;
  padding-right: 64px;
  animation: 36s linear infinite sa-clients;
  display: flex;
}

.sa-home .sa-client-marquee span {
  letter-spacing: -.025em;
  white-space: nowrap;
  color: var(--sa-muted);
  font-size: 15px;
  font-weight: 500;
}

@keyframes sa-clients {
  to {
    transform: translateX(-100%);
  }
}

.sa-home .sa-compatibility-grid {
  border-top: 1px solid var(--sa-line);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 940px;
  margin: auto;
  display: grid;
}

.sa-home .sa-compatibility-grid article {
  border-left: 1px solid var(--sa-line);
  padding: 28px 28px 0;
}

.sa-home .sa-compatibility-grid article:first-child {
  border-left: 0;
  padding-left: 0;
}

.sa-home .sa-compatibility-grid article:last-child {
  padding-right: 0;
}

.sa-home .sa-compatibility-grid article > svg {
  color: var(--sa-subtle);
  margin-bottom: 18px;
}

.sa-home .sa-compatibility-grid h3 {
  margin-bottom: 9px;
  font-size: 15px;
}

.sa-home .sa-compatibility-grid p {
  color: var(--sa-muted);
  margin-bottom: 14px;
  font-size: 12px;
  line-height: 1.65;
}

.sa-home .sa-compatibility-grid .sa-text-link {
  color: var(--sa-soft);
  font-size: 11px;
}

.sa-home .sa-closing {
  isolation: isolate;
  text-align: center;
  border-top: 1px solid var(--sa-line);
  background: var(--sa-bg);
  padding: 115px 24px 105px;
  position: relative;
  overflow: hidden;
}

.sa-home .sa-background-closing {
  opacity: .9;
  background: none;
}

.sa-home .sa-closing:after {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 50% 45%,
    color-mix(in srgb, var(--sa-bg) 32%, transparent),
    color-mix(in srgb, var(--sa-bg) 70%, transparent) 100%);
  position: absolute;
  inset: 0;
}

.sa-home .sa-closing .sa-eyebrow {
  margin-bottom: 25px;
  font-size: 10px;
}

.sa-home .sa-closing h2 {
  font-size: clamp(36px, 4.2vw, 52px);
  line-height: 1.08;
}

.sa-home .sa-closing h2 > span {
  color: var(--sa-muted);
}

.sa-home .sa-closing .sa-button {
  margin-top: 33px;
}

.sa-marketing-shell .sa-footer {
  border-top: 1px solid var(--sa-line);
  background: var(--sa-bg);
  color: var(--sa-text);
}

.sa-marketing-shell .sa-footer footer {
  background: var(--sa-bg);
  color: var(--sa-text);
  border-color: var(--sa-line);
  padding-block: 38px;
}

.sa-marketing-shell .sa-footer :is(h3, h4) {
  color: var(--sa-text);
  font-family: Public Sans Variable, Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.sa-marketing-shell .sa-footer :is(a, p, small) {
  color: var(--sa-muted);
  font-size: 12px;
}

.sa-marketing-shell .sa-footer a:hover {
  color: var(--sa-text);
}

@media (max-width: 1100px) {
  .sa-marketing-shell .home-nav {
    gap: 15px;
  }

  .sa-marketing-shell .home-desktop-nav a {
    padding-inline: 7px;
    font-size: 12px;
  }

  .sa-home .sa-workspace {
    gap: 30px;
  }

  .sa-home .sa-stack {
    width: calc(100% - 60px);
  }

  .sa-home .sa-section-heading > p {
    max-width: 300px;
  }
}

@media (max-width: 900px) {
  .sa-home .sa-gateway-grid {
    gap: 14px;
  }

  .sa-home .sa-gateway-stage {
    height: 330px;
    padding: 20px 12px;
  }

  .sa-home .sa-access-window, .sa-home .sa-usage-window {
    padding: 15px 12px;
  }

  .sa-home .sa-route-step {
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px;
    font-size: 11px;
  }

  .sa-home .sa-section-heading {
    gap: 24px;
  }

  .sa-home .sa-workspace {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .sa-home .sa-workspace-options {
    max-width: none;
  }

  .sa-home .sa-stack-wrap {
    width: 100%;
    max-width: 500px;
    height: 350px;
    margin: auto;
  }

  .sa-home .sa-stack {
    max-width: 400px;
  }
}

@media (max-width: 767px) {
  .sa-marketing-shell .home-nav {
    min-height: 72px;
    padding: 15px 20px;
  }

  .sa-marketing-shell .home-nav-actions {
    display: none;
  }

  .sa-home .sa-section {
    width: calc(100% - 40px);
    padding-block: 45px;
  }

  .sa-home .sa-hero {
    min-height: 650px;
    padding: 80px 20px 110px;
  }

  .sa-home .sa-hero h1 {
    font-size: 44px;
  }

  .sa-home .sa-hero-copy > p {
    font-size: 16px;
    line-height: 1.7;
  }

  .sa-home .sa-actions {
    flex-wrap: wrap;
    gap: 10px;
  }

  .sa-home .sa-button {
    gap: 12px;
    min-height: 47px;
    padding-inline: 19px;
    font-size: 12px;
  }

  .sa-home .sa-section-heading {
    margin-bottom: 25px;
    display: block;
  }

  .sa-home .sa-section-heading > p {
    max-width: 100%;
    margin-top: 18px;
  }

  .sa-home .sa-gateway-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .sa-home .sa-gateway-stage {
    height: 320px;
    padding: 24px;
  }

  .sa-home .sa-orbit-item {
    font-size: 10px;
  }

  .sa-home .sa-orbit-center {
    min-width: 175px;
    padding-inline: 12px;
  }

  .sa-home .sa-orbit-center > h3 {
    font-size: 20px;
  }

  .sa-home .sa-orbit-center > a {
    font-size: 9px;
  }

  .sa-home .sa-orbit-item > span {
    font-size: 10px;
  }

  .sa-home .sa-developers .home-integration {
    width: calc(100% - 40px);
    padding-block: 45px;
  }

  .sa-home .sa-developers .home-code-steps {
    gap: 12px;
    padding: 14px;
  }

  .sa-home .sa-developers .home-code-steps ol {
    gap: 13px;
  }

  .sa-home .sa-developers pre {
    padding-inline: 12px;
    font-size: 10px;
  }

  .sa-home .sa-developers .home-code-caption {
    display: block;
  }

  .sa-home .sa-developers .home-code-caption > span {
    margin-top: 5px;
    display: block;
  }

  .sa-home .sa-compatibility-grid {
    grid-template-columns: 1fr;
  }

  .sa-home .sa-compatibility-grid article {
    border-left: 0;
    border-bottom: 1px solid var(--sa-line);
    padding: 24px 0;
  }

  .sa-home .sa-compatibility-grid article:last-child {
    border: 0;
  }

  .sa-home .sa-client-marquee {
    margin: 35px 0;
  }

  .sa-home .sa-client-marquee > div {
    gap: 40px;
    padding-right: 40px;
  }

  .sa-home .sa-closing {
    padding-block: 90px;
  }

  .sa-home .sa-closing h2 {
    font-size: 36px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sa-home .sa-client-marquee > div {
    animation: none;
  }

  .sa-home .sa-route-current {
    animation: none !important;
  }

  .sa-home .sa-button, .sa-home .sa-route-step, .sa-home .sa-route-backup svg {
    transition: none;
  }

  .sa-home .sa-orbit-item {
    will-change: auto;
  }
}

.sa-home .sa-developers .home-code-stage:before, .sa-home .sa-developers .home-code-stage:after {
  display: none;
}

.sa-home .sa-developers .home-code-tabs [data-state="active"]:after {
  background: var(--sa-accent);
}

.public-site-layout:has(.docs-page) {
  --docs-bg: #fff;
  --docs-surface: #fff;
  --docs-card: #fff;
  --docs-card-border: #0f0f1414;
  --docs-divider: #0f0f1417;
  --docs-code-bg: #f6f7f9;
  --docs-shadow: none;
  --docs-radius: 10px;
  --docs-frame-max: 96rem;
  --docs-inline-pad: clamp(1rem, 2.2vw, 2rem);
  --docs-accent: var(--primary);
  --docs-link: #0038d8;
  --docs-sidebar-w: 15.25rem;
  --docs-toc-w: 11.25rem;
  background: var(--docs-bg);
  color: var(--foreground);
}

.dark .public-site-layout:has(.docs-page) {
  --docs-link: #6b8cff;
  --docs-bg: #0f0f12;
  --docs-surface: #0f0f12;
  --docs-card: #0f0f12;
  --docs-card-border: #ffffff1a;
  --docs-divider: #ffffff1a;
  --docs-code-bg: #17171c;
  --docs-shadow: none;
}

.docs-page {
  --docs-header-height: 4.25rem;
  --docs-header-offset: calc(var(--site-announcement-height, 0px) + var(--docs-header-height));
  --docs-sticky-gap: .5rem;
  --docs-sticky-top: calc(var(--docs-header-offset) + var(--docs-sticky-gap));
  width: 100%;
  max-width: var(--docs-frame-max);
  padding: 0 var(--docs-inline-pad) 4rem;
  box-sizing: border-box;
  margin: 0 auto;
}

.docs-card {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
}

.docs-layout {
  grid-template-columns: var(--docs-sidebar-w) minmax(0, 1fr);
  min-height: calc(100dvh - var(--docs-header-offset));
  align-items: start;
  gap: 0;
  display: grid;
}

.docs-stage {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  min-width: 0;
  display: grid;
}

@media (min-width: 1200px) {
  .docs-stage:has(.docs-toc) {
    grid-template-columns: minmax(0, 1fr) var(--docs-toc-w);
  }
}

.docs-shell-header {
  top: var(--site-announcement-height, 0px);
  z-index: 40;
  border-bottom: 1px solid var(--docs-card-border);
  background: color-mix(in oklab, var(--docs-card) 86%, transparent);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  backdrop-filter: blur(16px) saturate(160%);
  position: sticky;
}

.docs-shell-skip {
  z-index: 50;
  background: var(--docs-card);
  color: var(--foreground);
  padding: 8px 12px;
  position: absolute;
  top: 0;
  left: -9999px;
}

.docs-shell-skip:focus {
  top: 8px;
  left: 12px;
}

.docs-shell-header-inner {
  width: 100%;
  max-width: var(--docs-frame-max);
  padding: .7rem var(--docs-inline-pad);
  box-sizing: border-box;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  min-height: 3.5rem;
  margin: 0 auto;
  display: grid;
}

.docs-shell-brand-group {
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.docs-shell-brand {
  flex-shrink: 0;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.docs-shell-brand svg {
  width: auto;
  height: 22px;
}

.docs-shell-divider {
  background: var(--docs-card-border);
  flex-shrink: 0;
  width: 1px;
  height: 16px;
}

.docs-shell-product {
  color: var(--foreground);
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
}

.docs-shell-product:hover {
  color: var(--docs-accent);
}

.docs-shell-search {
  justify-self: center;
  width: min(100%, 28rem);
}

.docs-shell-actions {
  flex-shrink: 0;
  align-items: center;
  gap: .4rem;
  display: flex;
}

.docs-shell-back, .docs-shell-auth {
  color: var(--muted-foreground);
  white-space: nowrap;
  border-radius: .5rem;
  padding: .4rem .55rem;
  font-size: .8rem;
  font-weight: 500;
  text-decoration: none;
}

.docs-shell-back:hover, .docs-shell-auth:hover {
  color: var(--foreground);
  background: color-mix(in oklab, var(--foreground) 6%, transparent);
}

.docs-shell-contact {
  border-radius: .55rem !important;
  height: 2rem !important;
  font-size: .75rem !important;
}

.docs-shell-footer {
  border-top: 1px solid var(--docs-card-border);
  background: none;
  margin-top: auto;
}

.docs-shell-footer-inner {
  width: 100%;
  max-width: var(--docs-frame-max);
  padding: 1.15rem var(--docs-inline-pad) 1.6rem;
  box-sizing: border-box;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem 1.5rem;
  margin: 0 auto;
  display: flex;
}

.docs-shell-footer-links {
  flex-wrap: wrap;
  gap: .5rem 1rem;
  font-size: .75rem;
  display: flex;
}

.docs-shell-footer-links a {
  color: var(--muted-foreground);
  text-decoration: none;
}

.docs-shell-footer-links a:hover {
  color: var(--foreground);
}

.docs-search {
  width: 100%;
  position: relative;
}

.docs-search-input {
  width: 100%;
  box-shadow: none;
  border: 1px solid var(--docs-divider) !important;
  background: var(--docs-code-bg) !important;
  border-radius: .55rem !important;
  height: 2.35rem !important;
  padding-inline: .85rem 2.4rem !important;
  font-size: .875rem !important;
}

.docs-search-input:focus-visible {
  border-color: color-mix(in oklab,
    var(--docs-accent) 45%,
    var(--docs-card-border)) !important;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--docs-accent) 18%, transparent) !important;
}

.docs-search-kbd {
  border: 1px solid var(--docs-card-border);
  background: var(--docs-card);
  color: var(--muted-foreground);
  pointer-events: none;
  border-radius: .35rem;
  padding: .1rem .35rem;
  font-size: .65rem;
  line-height: 1.2;
  position: absolute;
  top: 50%;
  right: .55rem;
  transform: translateY(-50%);
}

.docs-search--sidebar .docs-search-kbd, .docs-sidebar-search-slot .docs-search-kbd {
  display: none;
}

.docs-sidebar-search-slot {
  margin-bottom: .85rem;
}

.docs-search-label {
  color: var(--muted-foreground);
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: .4rem;
  font-size: .7rem;
  font-weight: 600;
  display: block;
}

.docs-sidebar {
  top: var(--docs-sticky-top);
  max-height: calc(100dvh - var(--docs-sticky-top) - .5rem);
  border-right: 1px solid var(--docs-divider);
  background: none;
  align-self: start;
  margin-right: 0;
  padding: 1.15rem 1rem 1.5rem 0;
  position: sticky;
  overflow-y: auto;
}

.docs-sidebar-top {
  flex-direction: column;
  gap: .55rem;
  margin-bottom: .75rem;
  display: flex;
}

.docs-sidebar-brand {
  color: var(--foreground);
  font-size: .95rem;
  font-weight: 650;
  text-decoration: none;
  display: block;
}

.docs-menu-toggle {
  display: none;
}

.docs-base-url-chip {
  border: 1px solid var(--docs-card-border);
  background: color-mix(in oklab, var(--docs-bg) 70%, transparent);
  color: var(--muted-foreground);
  border-radius: .65rem;
  align-items: center;
  gap: .4rem;
  margin: 0 0 .75rem;
  padding: .45rem .6rem;
  font-size: .72rem;
  display: none;
}

.docs-base-url-chip code {
  overflow-wrap: anywhere;
  font-family: var(--home-mono, var(--font-mono, ui-monospace, monospace));
  color: var(--foreground);
  font-size: .68rem;
}

.docs-nav-group {
  margin-top: .95rem;
}

.docs-nav-group > p, .docs-sidebar nav > p {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--muted-foreground);
  margin-bottom: .35rem;
  font-size: .68rem;
  font-weight: 650;
}

.docs-sidebar nav a {
  color: color-mix(in oklab, var(--foreground) 82%, transparent);
  border-radius: .55rem;
  align-items: center;
  gap: .5rem;
  margin-bottom: .1rem;
  padding: .42rem .55rem;
  font-size: .84rem;
  text-decoration: none;
  display: flex;
}

.docs-sidebar nav a:hover {
  background: color-mix(in oklab, var(--foreground) 5%, transparent);
  color: var(--foreground);
}

.docs-sidebar nav a[aria-current="page"] {
  color: var(--foreground);
  background: color-mix(in oklab, var(--foreground) 7%, transparent);
  font-weight: 600;
}

.docs-sidebar-note {
  border-top: 1px solid var(--docs-card-border);
  gap: .45rem;
  margin-top: 1.1rem;
  padding-top: .9rem;
  font-size: .72rem;
  display: grid;
}

.docs-sidebar-note > span {
  color: var(--muted-foreground);
}

.docs-sidebar-note code {
  overflow-wrap: anywhere;
  font-size: .68rem;
}

.docs-content {
  background: none;
  min-width: 0;
  max-width: 54rem;
  padding: 1.35rem clamp(1.25rem, 2.5vw, 2.35rem) 1.75rem;
}

.docs-stage > .docs-content {
  width: 100%;
  max-width: none;
}

.docs-content > article {
  max-width: 52rem;
}

.docs-breadcrumb {
  color: var(--muted-foreground);
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .45rem;
  margin-bottom: .85rem;
  font-size: .78rem;
  display: flex;
}

.docs-breadcrumb a {
  color: var(--muted-foreground);
  text-decoration: none;
}

.docs-breadcrumb a:hover {
  color: var(--docs-accent);
  text-decoration: underline;
}

.docs-breadcrumb [aria-current="page"] {
  color: var(--foreground);
  font-weight: 550;
}

.docs-hero {
  border-bottom: 1px solid var(--docs-card-border);
  max-width: none;
  margin-bottom: .35rem;
  padding: 0 0 1.15rem;
}

.docs-hero-title-row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem 1rem;
  display: flex;
}

.docs-hero h1 {
  letter-spacing: -.03em;
  margin: 0;
  font-size: clamp(1.65rem, 3.2vw, 2.15rem);
  font-weight: 650;
  line-height: 1.18;
}

.docs-hero--intro h1 {
  font-size: clamp(1.85rem, 3.6vw, 2.45rem);
}

.docs-hero > p:last-of-type {
  color: var(--muted-foreground);
  max-width: 46rem;
  margin: .7rem 0 0;
  font-size: 1rem;
  line-height: 1.65;
}

.docs-eyebrow {
  display: none;
}

.docs-copy-page {
  height: 2rem !important;
  color: var(--muted-foreground) !important;
  background: color-mix(in oklab, var(--docs-bg) 80%, transparent) !important;
  border-radius: 999px !important;
  font-size: .75rem !important;
  font-weight: 550 !important;
}

.docs-copy-page:hover {
  color: var(--foreground) !important;
}

.docs-page a {
  text-underline-offset: 3px;
}

.docs-content .docs-section a:not(.docs-guide-card), .docs-content .prose a, .docs-content a.docs-text-link, a.docs-text-link {
  color: var(--docs-link, #0038d8);
  text-underline-offset: 3px;
  font-weight: 550;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.docs-content .docs-section a:not(.docs-guide-card):hover, .docs-content .prose a:hover, .docs-content a.docs-text-link:hover, a.docs-text-link:hover {
  color: color-mix(in oklab, var(--docs-link, #0038d8) 72%, var(--foreground));
  text-decoration-thickness: 2px;
}

.docs-text-link {
  box-shadow: none;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  display: inline;
}

.docs-section h2 a, .docs-section h3 a, .docs-content article h2 a, .docs-content article h3 a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
}

.docs-section {
  scroll-margin-top: calc(var(--docs-sticky-top) + .5rem);
  border-bottom: 1px solid var(--docs-card-border);
  padding: 1.35rem 0 1.5rem;
  line-height: 1.75;
}

.docs-section:last-child {
  border-bottom: none;
}

.docs-section h2 {
  letter-spacing: -.02em;
  margin-bottom: .9rem;
  font-size: 1.3rem;
  font-weight: 650;
  line-height: 1.3;
}

.docs-content article h2, .docs-content article h3 {
  scroll-margin-top: calc(var(--docs-sticky-top) + .5rem);
}

.docs-content article h3 {
  margin-top: 1.15rem;
  margin-bottom: .55rem;
  font-size: 1.05rem;
  font-weight: 650;
  line-height: 1.35;
}

.docs-section h2 a {
  text-decoration: none;
}

.docs-section h3 {
  margin: 1.15rem 0 .55rem;
  font-size: 1.05rem;
  font-weight: 600;
}

.docs-section p {
  color: var(--foreground);
  margin: .65rem 0;
  font-size: .95rem;
}

.docs-section .docs-secondary, .docs-callout p, .docs-guide-card p {
  color: var(--muted-foreground);
}

.docs-section ul, .docs-section ol {
  margin: .8rem 0;
  padding-left: 1.25rem;
  font-size: .95rem;
}

.docs-section ul {
  list-style: outside;
}

.docs-section ol {
  list-style: decimal;
}

.docs-section li {
  margin: .45rem 0;
  padding-left: .2rem;
}

.docs-steps > li {
  padding-bottom: .55rem;
}

.docs-section strong {
  color: var(--foreground);
  font-weight: 600;
}

.docs-callout {
  border: 0;
  border-left: 3px solid var(--docs-accent);
  background: color-mix(in oklab, var(--docs-code-bg) 88%, transparent);
  border-radius: 0 .55rem .55rem 0;
  margin: 1.1rem 0;
  padding: .95rem 1.1rem;
}

.docs-callout p:last-child {
  margin-bottom: 0;
}

.docs-guide-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
  margin: 1.25rem 0;
  display: grid;
}

.docs-guide-card {
  border: 1px solid var(--docs-divider);
  box-shadow: none;
  background: none;
  border-radius: .65rem;
  padding: .95rem 1rem;
  transition: border-color .15s, background .15s;
  text-decoration: none !important;
}

.docs-guide-card:hover {
  border-color: color-mix(in oklab,
    var(--docs-accent) 35%,
    var(--docs-divider));
  background: color-mix(in oklab, var(--docs-code-bg) 70%, transparent);
  box-shadow: none;
  transform: none;
}

.docs-guide-card strong {
  color: var(--foreground);
  justify-content: space-between;
  gap: .65rem;
  display: flex;
}

.docs-guide-card p {
  margin: .45rem 0 0;
  font-size: .8rem;
}

.docs-pagination {
  border-top: 1px solid var(--docs-card-border);
  justify-content: space-between;
  gap: 1rem;
  margin-top: .5rem;
  padding-top: 1.1rem;
  font-size: .875rem;
  display: flex;
}

.docs-pagination a {
  background: none;
  border: 0;
  border-radius: 0;
  padding: .55rem .15rem;
  text-decoration: none;
  transition: color .15s;
}

.docs-pagination a:hover {
  color: var(--docs-accent);
  background: none;
}

.docs-pagination a:last-child {
  text-align: right;
}

.docs-pagination span {
  color: var(--muted-foreground);
  margin-bottom: .25rem;
  font-size: .7rem;
  display: block;
}

.docs-toc {
  top: var(--docs-sticky-top);
  max-height: calc(100dvh - var(--docs-sticky-top) - .5rem);
  background: none;
  align-self: start;
  padding: 1.2rem 0 1.5rem 1.15rem;
  position: sticky;
  overflow: auto;
}

.docs-toc-title {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: color-mix(in oklab, var(--muted-foreground) 78%, transparent);
  margin: 0 0 .75rem;
  font-size: .68rem;
  font-weight: 650;
}

.docs-toc nav {
  border-left: 1px solid var(--docs-card-border);
  gap: .2rem;
  display: grid;
}

.docs-toc a {
  color: color-mix(in oklab, var(--muted-foreground) 68%, transparent);
  border-left: 2px solid #0000;
  border-radius: 0;
  margin-left: -1px;
  padding: .42rem .7rem;
  font-size: .78rem;
  font-weight: 450;
  line-height: 1.55;
  text-decoration: none;
  transition: color .12s, border-color .12s;
  display: block;
}

.docs-toc a[data-level="3"] {
  padding-left: 1.2rem;
  font-size: .74rem;
  font-weight: 400;
  line-height: 1.55;
}

.docs-toc a[data-active="true"] {
  color: var(--foreground);
  border-left-color: var(--foreground);
  font-weight: 600;
}

.docs-toc a:hover {
  color: var(--foreground);
}

.docs-code {
  background: var(--docs-code-bg);
  box-shadow: none;
  border: 0;
  border-radius: .65rem;
  margin: .95rem 0;
  overflow: hidden;
}

.docs-code-toolbar {
  border-bottom: 1px solid
    color-mix(in oklab, var(--docs-divider) 80%, transparent);
  color: var(--muted-foreground);
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: .65rem;
  padding: .4rem .7rem .35rem .95rem;
  font-size: .72rem;
  display: flex;
}

.docs-code-toolbar > span {
  overflow-wrap: anywhere;
}

.docs-code pre {
  tab-size: 2;
  margin: 0;
  padding: 1rem 1.05rem;
  font-size: .8rem;
  line-height: 1.7;
  overflow-x: auto;
}

.docs-code code {
  font-family: var(--home-mono, var(--font-mono, ui-monospace, monospace));
}

.docs-tabs {
  justify-content: flex-start;
  max-width: 100%;
  overflow-x: auto;
}

.docs-table-scroll {
  border: 0;
  border-top: 1px solid var(--docs-divider);
  border-bottom: 1px solid var(--docs-divider);
  border-radius: 0;
  max-width: 100%;
  margin: 1rem 0;
  overflow-x: auto;
}

.docs-section table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  font-size: .875rem;
}

.docs-section caption {
  text-align: left;
  color: var(--muted-foreground);
  padding: .75rem .85rem .35rem;
  font-size: .8rem;
}

.docs-section th, .docs-section td {
  border-bottom: 1px solid var(--docs-card-border);
  vertical-align: top;
  padding: .75rem .85rem;
}

.docs-section thead th {
  color: var(--muted-foreground);
  border-bottom: 1px solid var(--docs-divider);
  background: none;
  font-size: .72rem;
  font-weight: 650;
}

.docs-section tbody th {
  min-width: 9rem;
  font-weight: 550;
}

.docs-section td code {
  white-space: nowrap;
  font-size: .75rem;
}

.docs-client {
  border: 1px solid var(--docs-divider);
  background: none;
  border-radius: .55rem;
  margin: .85rem 0;
}

.docs-client summary {
  cursor: pointer;
  padding: .95rem 1rem;
  font-size: .925rem;
  font-weight: 600;
}

.docs-client > div {
  padding: 0 1rem 1rem;
}

.docs-hero-links, .docs-inline-links {
  flex-wrap: wrap;
  gap: .65rem 1.1rem;
  margin-top: 1rem;
  font-size: .875rem;
  display: flex;
}

@media (max-width: 1199px) {
  .docs-toc {
    display: none;
  }
}

@media (max-width: 900px) {
  .docs-shell-header-inner {
    grid-template-columns: auto 1fr auto;
  }

  .docs-shell-search, .docs-shell-back {
    display: none;
  }

  .docs-menu-toggle {
    gap: .65rem;
    display: inline-flex;
    border-radius: .65rem !important;
  }

  .docs-base-url-chip {
    max-width: 100%;
    display: inline-flex;
  }

  .docs-navigation {
    padding-top: .75rem;
    display: none;
  }

  .docs-navigation[data-open="true"], .docs-sidebar-search-slot {
    display: block;
  }

  .docs-page {
    padding: .75rem var(--docs-inline-pad) 3rem;
  }

  .docs-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    min-height: 0;
  }

  .docs-sidebar {
    border-right: 0;
    border-bottom: 1px solid var(--docs-divider);
    max-height: none;
    padding: .85rem 0 1rem;
    position: static;
  }

  .docs-sidebar nav {
    flex-direction: column;
    display: flex;
  }

  .docs-content {
    padding: 1.1rem 0 1.2rem;
  }

  .docs-toc {
    border-left: 0;
  }

  .docs-sidebar-note > span {
    display: none;
  }
}

@media (max-width: 640px) {
  .docs-shell-product, .docs-shell-contact, .docs-search-kbd {
    display: none;
  }

  .docs-hero-title-row {
    flex-direction: column;
  }

  .docs-guide-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .docs-code pre {
    padding: .85rem;
    font-size: .75rem;
  }
}

.docs-api-examples {
  margin: 20px 0 8px;
}

.docs-api-controls {
  gap: 8px;
  margin-bottom: 14px;
  display: grid;
}

.docs-api-control-row {
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px 12px;
  min-width: 0;
  display: flex;
}

.docs-api-control-label {
  width: 3.25rem;
  color: var(--muted-foreground);
  letter-spacing: .02em;
  flex: 0 0 3.25rem;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

.docs-api-toggle {
  border: 1px solid var(--border);
  background: var(--muted);
  border-radius: 8px;
  min-width: 0;
  max-width: 100%;
  padding: 3px;
  display: inline-flex;
  overflow-x: auto;
  gap: 0 !important;
}

.docs-api-toggle [data-slot="toggle-group-item"] {
  height: 28px;
  min-height: 28px;
  color: var(--muted-foreground);
  white-space: nowrap;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 6px !important;
}

.docs-api-toggle [data-slot="toggle-group-item"]:hover {
  color: var(--foreground);
  background: color-mix(in oklab, var(--foreground) 6%, transparent) !important;
}

.docs-api-toggle [data-slot="toggle-group-item"][data-pressed], .docs-api-toggle [data-slot="toggle-group-item"][aria-pressed="true"], .docs-api-toggle [data-slot="toggle-group-item"][data-state="on"] {
  font-weight: 600;
  background: var(--background) !important;
  color: var(--foreground) !important;
  box-shadow: 0 0 0 1px color-mix(in oklab, var(--border) 80%, transparent) !important;
}

@media (max-width: 640px) {
  .docs-api-control-row {
    flex-wrap: wrap;
    align-items: center;
  }

  .docs-api-control-label {
    flex-basis: 100%;
    width: auto;
    margin-bottom: 2px;
  }
}

.docs-page .sr-only, .docs-shell-header .sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.docs-switch-steps > li {
  margin-bottom: 1.25rem;
}

.docs-switch-shot {
  border: 1px solid var(--border, #0000001a);
  border-radius: 10px;
  width: 100%;
  max-width: 720px;
  margin-top: .6rem;
  display: block;
}

.cv5-docs .public-site-layout:has(.docs-page) {
  --docs-bg: var(--cv5-bg);
  --docs-surface: var(--cv5-bg);
  --docs-card: var(--cv5-panel);
  --docs-card-border: var(--cv5-line);
  --docs-divider: var(--cv5-line);
  --docs-code-bg: var(--cv5-panel);
  --docs-shadow: none;
  --docs-link: var(--cv5-primary);
  --docs-accent: var(--cv5-primary);
  --docs-sidebar-w: 240px;
  --docs-toc-w: 172px;
  --docs-inline-pad: 28px;
  color: var(--cv5-fg);
  background: var(--cv5-bg);
  font-family: var(--cv5-font);
}

html.dark .cv5-docs .public-site-layout:has(.docs-page) {
  --docs-bg: var(--cv5-bg);
  --docs-surface: var(--cv5-bg);
  --docs-card: var(--cv5-panel);
  --docs-card-border: var(--cv5-line);
  --docs-divider: var(--cv5-line);
  --docs-code-bg: var(--cv5-panel);
  --docs-shadow: none;
  --docs-link: var(--cv5-primary);
  --docs-accent: var(--cv5-primary);
  --docs-sidebar-w: 240px;
  --docs-toc-w: 172px;
  --docs-inline-pad: 28px;
  color: var(--cv5-fg);
  background: var(--cv5-bg);
  font-family: var(--cv5-font);
}

html.light .cv5-docs .public-site-layout:has(.docs-page) {
  --docs-bg: var(--cv5-bg);
  --docs-surface: var(--cv5-bg);
  --docs-card: var(--cv5-panel);
  --docs-card-border: var(--cv5-line);
  --docs-divider: var(--cv5-line);
  --docs-code-bg: var(--cv5-panel);
  --docs-shadow: none;
  --docs-link: var(--cv5-primary);
  --docs-accent: var(--cv5-primary);
  --docs-sidebar-w: 240px;
  --docs-toc-w: 172px;
  --docs-inline-pad: 28px;
  color: var(--cv5-fg);
  background: var(--cv5-bg);
  font-family: var(--cv5-font);
}

.cv5-docs .docs-page {
  --docs-header-height: var(--cv5-header-height, 64px);
  width: 100%;
  max-width: none;
  margin: 0;
}

.cv5-docs .docs-hero h1 {
  font: 400 30px/1.2 var(--cv5-display);
  letter-spacing: -.045em;
  color: var(--cv5-fg);
}

.cv5-docs .docs-content article h2 {
  color: var(--cv5-fg);
  font-size: 20px;
  font-weight: 500;
}

.cv5-docs .docs-content article h3 {
  color: var(--cv5-fg);
  font-size: 16px;
  font-weight: 500;
}

.cv5-docs .docs-content {
  font: 400 14px/1.8 var(--cv5-font);
}

.cv5-docs .docs-sidebar nav a {
  font: 400 12.5px/1.5 var(--cv5-font);
}

.cv5-docs .docs-sidebar nav a[aria-current="page"] {
  color: var(--cv5-primary);
  background: color-mix(in srgb, var(--cv5-primary) 8%, transparent);
  border-radius: 6px;
}

.cv5-docs .docs-sidebar-note {
  border-color: var(--cv5-line);
  background: none;
}

.cv5-docs .docs-code, .cv5-docs .docs-callout {
  border-color: var(--cv5-line);
  box-shadow: none;
}

.cv5-docs .docs-code pre, .cv5-docs .docs-code code {
  font-family: var(--cv5-mono);
}

.cv5-docs .docs-guide-card {
  border: 1px solid var(--cv5-line);
  box-shadow: none;
  background: none;
  border-radius: 8px;
}

.cv5-docs .docs-guide-card:hover {
  border-color: var(--cv5-strong);
  background: var(--cv5-panel);
}

.docs-connection-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0 22px;
  display: grid;
}

.docs-connection-grid > div {
  border: 1px solid var(--docs-divider);
  background: var(--docs-code-bg);
  border-radius: 8px;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 14px 16px;
  display: flex;
}

.docs-connection-grid span {
  color: var(--cv5-muted);
  font-size: 11px;
}

.docs-connection-grid code {
  font: 400 11.5px/1.65 var(--cv5-mono);
  overflow-wrap: anywhere;
}

.docs-choice-group {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 12px 0;
  display: flex;
}

.docs-choice-group > button {
  cursor: pointer;
  border: 1px solid var(--docs-divider);
  font: 400 12px/1.45 var(--cv5-font);
  color: var(--cv5-muted);
  background: none;
  border-radius: 7px;
  padding: 7px 12px;
}

.docs-choice-group > button[aria-pressed="true"] {
  color: var(--cv5-primary);
  border-color: color-mix(in srgb, var(--cv5-primary) 36%, var(--cv5-line));
  background: color-mix(in srgb, var(--cv5-primary) 7%, transparent);
}

.docs-choice-group > button:focus-visible {
  outline: 2px solid var(--cv5-primary);
  outline-offset: 2px;
}

@media (max-width: 1050px) {
  .cv5-docs .docs-page {
    --docs-sidebar-w: 210px;
    --docs-inline-pad: 20px;
  }
}

@media (max-width: 760px) {
  .docs-connection-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.cv5-profile-page {
  --account-line: var(--cv5-line, var(--border));
  --account-panel: var(--cv5-panel, var(--card));
  --account-fg: var(--cv5-fg, var(--foreground));
  --account-muted: var(--cv5-muted, var(--muted-foreground));
  --account-primary: var(--cv5-primary, var(--primary));
  --account-font: var(--cv5-font, var(--font-body));
  --account-mono: var(--cv5-mono, var(--font-mono));
}

.cv5-profile {
  flex-direction: column;
  gap: 22px;
  padding-bottom: 28px;
  display: flex;
}

.cv5-profile-identity {
  flex-wrap: wrap;
  align-items: center;
  gap: 13px;
  min-height: 62px;
  padding: 4px 0;
  display: flex;
}

.cv5-profile-identity-copy {
  flex: 1;
  min-width: 180px;
}

.cv5-profile-page .cv5-profile-identity h2 {
  color: var(--account-fg);
  font: 500 18px/1.3 var(--account-font);
  letter-spacing: -.03em;
  margin: 0;
}

.cv5-profile-identity p {
  color: var(--account-muted);
  margin: 5px 0 0;
  font-size: 12px;
}

.cv5-profile-identity-meta {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.cv5-profile-page .cv5-profile-tabs {
  border-bottom: 1px solid var(--account-line);
  justify-content: flex-start;
  gap: 20px;
  width: 100%;
  height: 36px;
  padding: 0;
}

.cv5-profile-page .cv5-profile-tabs [role="tab"] {
  min-width: 0;
  height: 36px;
  font: 400 12.5px var(--account-font);
  padding: 0 1px 11px;
}

.cv5-profile-page .cv5-profile-tabs [role="tab"][aria-selected="true"] {
  color: var(--account-primary) !important;
}

.cv5-profile-page .cv5-profile-tabs [role="tab"][aria-selected="true"]:after {
  background: var(--account-primary) !important;
}

.cv5-profile-panel {
  flex-direction: column;
  gap: 18px;
  padding-top: 18px;
  display: flex;
}

.cv5-settings-panel {
  border: 1px solid var(--account-line);
  background: var(--account-panel);
  border-radius: 10px;
  min-width: 0;
}

.cv5-settings-panel > header {
  border-bottom: 1px solid var(--account-line);
  padding: 18px 20px;
}

.cv5-profile-page .cv5-settings-panel h2 {
  font: 500 14px/1.4 var(--account-font);
  color: var(--account-fg);
  margin: 0;
}

.cv5-settings-panel > header p {
  color: var(--account-muted);
  margin: 5px 0 0;
  font-size: 12px;
}

.cv5-profile-field {
  border-bottom: 1px solid var(--account-line);
  grid-template-columns: minmax(210px, .8fr) minmax(240px, 1fr);
  align-items: center;
  gap: 24px;
  padding: 18px 20px;
  display: grid;
}

.cv5-profile-field label, .cv5-profile-field-label {
  font: 500 12.5px var(--account-font);
  color: var(--account-fg);
}

.cv5-profile-field p {
  color: var(--account-muted);
  margin: 5px 0 0;
  font-size: 11.5px;
  line-height: 1.65;
}

.cv5-profile-name-input {
  min-width: 0;
  max-width: 440px;
}

.cv5-profile-name-input [role="alert"] {
  color: var(--destructive);
}

.cv5-profile-email-value {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-width: 0;
  font-size: 12px;
  display: flex;
}

.cv5-profile-email-value > span {
  overflow-wrap: anywhere;
}

.cv5-settings-form-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  display: flex;
}

.cv5-settings-form-actions > span {
  color: var(--account-muted);
  margin-right: auto;
  font-size: 11px;
}

.cv5-profile-usage {
  border-block: 1px solid var(--account-line);
  padding: 16px 0;
}

.cv5-profile-usage-heading {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.cv5-profile-page .cv5-profile-usage-heading h2 {
  font: 500 12px var(--account-font);
  margin: 0;
}

.cv5-profile-usage-heading > span {
  color: var(--account-muted);
  font-size: 10.5px;
}

.cv5-profile-usage dl {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 16px 0;
  padding: 0;
  display: grid;
}

.cv5-profile-usage dl > div {
  border-left: 1px solid var(--account-line);
  min-width: 0;
  padding: 0 18px;
}

.cv5-profile-usage dl > div:first-child {
  border: 0;
  padding-left: 0;
}

.cv5-profile-usage dt {
  color: var(--account-muted);
  font-size: 11px;
}

.cv5-profile-usage dd {
  color: var(--account-fg);
  font: 400 22px/1.25 var(--account-mono);
  margin: 7px 0 0;
}

.cv5-profile-usage-links {
  gap: 20px;
  display: flex;
}

.cv5-profile-usage-links a {
  color: var(--account-primary);
  font-size: 11.5px;
}

.cv5-profile-subscription {
  border-top: 1px solid var(--account-line);
  margin-top: 15px;
  padding-top: 10px;
}

.cv5-profile-subscription summary {
  cursor: pointer;
  color: var(--account-muted);
  font-size: 12px;
}

.cv5-profile-query-note {
  color: var(--account-muted);
  margin-top: 12px;
  font-size: 11px;
}

.cv5-profile-query-note button {
  color: var(--account-primary);
  cursor: pointer;
  margin-left: 7px;
}

.cv5-profile-page .cv5-settings-card {
  border-color: var(--account-line);
  background: var(--account-panel);
  box-shadow: none;
  border-radius: 10px;
}

.cv5-profile-page .cv5-settings-card > [data-slot="card-header"] {
  border-color: var(--account-line) !important;
  background: none !important;
  padding: 18px 20px !important;
}

.cv5-profile-page .cv5-settings-card [data-slot="card-title"] {
  font: 500 14px/1.4 var(--account-font);
}

.cv5-profile-page .cv5-settings-card [data-slot="card-description"] {
  font: 400 12px/1.65 var(--account-font);
  margin-top: 4px;
}

.cv5-profile-page .cv5-settings-card > [data-slot="card-content"] {
  padding: 16px 20px;
}

.cv5-login-email-row {
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding: 2px 0;
  display: flex;
}

.cv5-security-actions {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.cv5-password-action {
  text-align: left;
  border-bottom: 1px solid var(--account-line);
  cursor: pointer;
  align-items: center;
  gap: 13px;
  padding: 4px 0 18px;
  display: flex;
}

.cv5-password-action p {
  margin: 0;
}

.cv5-password-action p:first-child {
  font-size: 12.5px;
}

.cv5-password-action p + p {
  color: var(--account-muted);
  padding-top: 4px;
  font-size: 11.5px;
}

.cv5-password-action:hover p:first-child {
  color: var(--account-primary);
}

.cv5-twofa-action {
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
  padding: 18px 0 2px;
  display: flex;
}

.cv5-twofa-copy {
  flex: 1;
  align-items: flex-start;
  gap: 13px;
  min-width: 260px;
  display: flex;
}

.cv5-twofa-copy p {
  margin: 0;
}

.cv5-twofa-buttons {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.cv5-profile-preferences-note {
  color: var(--account-muted);
  font: 400 11.5px/1.6 var(--account-font);
  margin: 0;
}

.cv5-profile-page [data-slot="section-page-description"] {
  font-size: 12.5px;
}

@media (min-width: 1100px) {
  .cv5-profile-page [data-slot="section-page-frame"] {
    padding-inline: 36px;
  }
}

@media (max-width: 850px) {
  .cv5-profile-field {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }
}

.cv5-profile-panel[hidden], .cv5-profile-panel[data-hidden] {
  display: none;
}

.cheapai-console.console-v2.console-v5 .cv5-profile-page[data-slot="section-page-layout"] {
  padding: 0;
}

.cheapai-console.console-v2.console-v5 .cv5-profile-page [data-slot="section-page-frame"] {
  padding: 28px 36px;
}

@media (max-width: 760px) {
  .cheapai-console.console-v2.console-v5 .cv5-profile-page [data-slot="section-page-frame"] {
    padding: 22px 20px;
  }
}

.cheapai-console.console-v2.console-v5 .cv5-profile-page [data-slot="section-page-content"] {
  padding: 0;
}

.studio-root {
  background: var(--studio-stage);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  font-family: Public Sans Variable, PingFang SC, Microsoft YaHei, WenQuanYi Zen Hei, sans-serif;
  font-size: 13px;
  display: flex;
  overflow: hidden;
  container: image-studio / inline-size;
}

.image-studio-theme [data-slot="button"][data-variant="default"] {
  background: var(--primary);
  color: var(--primary-foreground);
}

.image-studio-theme [data-slot="button"][data-variant="default"]:hover:not(:disabled) {
  background: var(--studio-primary-hover);
}

.studio-workspace-actions {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.studio-layout {
  flex: 1;
  min-height: 0;
  display: flex;
}

.studio-desktop-sessions {
  flex-shrink: 0;
  width: 172.8px;
}

.studio-layout[data-multi-session="false"] .studio-desktop-sessions, .studio-layout[data-multi-session="false"] ~ * .studio-sessions-toggle {
  display: none;
}

.studio-root:has(.studio-layout[data-multi-session="false"]) .studio-sessions-toggle {
  display: none !important;
}

.studio-desktop-history {
  flex-shrink: 0;
  width: 268px;
}

.studio-layout[data-multi-session="false"] .studio-workspace-header {
  padding-inline: 36px;
}

.studio-layout[data-multi-session="false"] .studio-stage {
  margin-inline: 36px;
}

.studio-layout[data-multi-session="false"] .studio-composer-wrap {
  padding-inline: 36px;
}

.studio-sessions {
  border-right: 1px solid var(--border);
  background: var(--background);
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 24px 14px 16px;
  display: flex;
}

.studio-new-session {
  border-radius: 6px;
  width: 100%;
  height: 39px;
  font-size: 12px;
}

.studio-section-label {
  color: var(--studio-faint);
  margin: 23px 9px 12px;
  font-size: 11px;
}

.studio-session-list {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.studio-session-row {
  border-radius: 7px;
  align-items: center;
  gap: 3px;
  padding-right: 4px;
  display: flex;
}

.studio-session-row:hover {
  background: var(--muted);
}

.studio-session-row[data-active="true"] {
  background: var(--accent);
}

.studio-session-select {
  text-align: left;
  border-radius: 7px;
  flex: 1;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 12px 9px;
  font-size: 12px;
  display: flex;
}

.studio-session-select svg {
  color: var(--muted-foreground);
  flex-shrink: 0;
}

.studio-session-row[data-active="true"] .studio-session-select, .studio-session-row[data-active="true"] .studio-session-select svg {
  color: var(--accent-foreground);
}

.studio-session-select:focus-visible, .studio-result:focus-visible, .studio-history-item:focus-visible, .studio-back-link:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}

.studio-back-link {
  border-top: 1px solid var(--border);
  color: var(--muted-foreground);
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 17px 6px 0;
  font-size: 11px;
  display: flex;
}

.studio-back-link:hover {
  color: var(--foreground);
}

.studio-workspace {
  background: var(--studio-stage);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
  overflow-y: auto;
}

.studio-workspace-header {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  height: 58px;
  padding-inline: 30px;
  display: flex;
}

.studio-workspace-header h1 {
  font-size: 13px;
  font-weight: 500;
}

.studio-workspace-actions {
  color: var(--muted-foreground);
  flex-shrink: 0;
  gap: 4px;
}

.studio-stage {
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 180px;
  margin: 4px 30px 24px;
  display: flex;
  position: relative;
}

.studio-result {
  cursor: zoom-in;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.studio-result img {
  object-fit: contain;
  border-radius: 5px;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  display: block;
}

.studio-decoded-image[data-ready="false"] {
  visibility: hidden;
}

.studio-image-loading {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.studio-stage [data-slot="empty-title"] {
  font-size: 18px;
  font-weight: 500;
}

.studio-stage [data-slot="empty-description"] {
  max-width: 280px;
  font-size: 12px;
  line-height: 1.8;
}

.studio-stage [data-slot="empty-icon"] {
  border: 1px solid var(--border);
  width: 46px;
  height: 46px;
  color: var(--muted-foreground);
  background: none;
  border-radius: 12px;
}

.studio-generating {
  color: var(--muted-foreground);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  display: flex;
}

.studio-composer-wrap {
  flex-shrink: 0;
  padding: 0 30px 18px;
}

.studio-composer {
  border-color: var(--input);
  background: var(--studio-surface);
  box-shadow: var(--studio-shadow);
  border-radius: 12px;
  padding: 17px 17px 12px;
}

.studio-composer:focus-within {
  border-color: var(--ring);
  box-shadow: var(--studio-shadow);
}

.studio-composer:has([data-slot="input-group-control"]:focus-visible) {
  border-color: var(--ring);
  box-shadow: var(--studio-shadow);
}

.studio-composer:has(:disabled) {
  background: var(--studio-surface);
  opacity: 1;
}

.studio-composer-top {
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding: 0 0 8px;
  display: flex;
}

.studio-prompt-label {
  color: var(--studio-faint);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  display: flex;
}

.studio-prompt-label [data-slot="field-label"] {
  color: var(--muted-foreground);
  font-size: 11px;
  font-weight: 400;
}

.studio-prompt-label > span {
  font-variant-numeric: tabular-nums;
}

.studio-composer textarea {
  resize: vertical;
  background: none;
  width: 100%;
  min-height: 64px;
  max-height: 160px;
  padding: 0;
  font-size: 13px;
  line-height: 1.8;
}

.studio-composer textarea::placeholder {
  color: var(--studio-faint);
}

.studio-reference {
  border: 1px solid var(--border);
  max-width: 100%;
  color: var(--muted-foreground);
  border-radius: 7px;
  align-self: flex-start;
  align-items: center;
  gap: 9px;
  padding: 6px;
  font-size: 11px;
  display: flex;
}

.studio-reference img {
  object-fit: cover;
  border-radius: 3px;
  width: 32px;
  height: 32px;
}

.studio-reference > span {
  max-width: 200px;
}

.studio-toolbar {
  border-top: 1px solid var(--border);
  cursor: default;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
  padding: 12px 0 0;
  display: flex;
}

.studio-select {
  background: var(--studio-surface);
  border-radius: 6px;
  justify-content: space-between;
  gap: 6px;
  height: 32px;
  padding-inline: 9px;
  font-size: 11px;
  font-weight: 500;
}

.studio-toolbar :is(.studio-select, .studio-upload) {
  border-color: var(--studio-control-border);
  color: var(--foreground);
  background: var(--studio-surface);
  cursor: pointer;
}

.studio-toolbar :is(.studio-select, .studio-upload):not(:disabled):is(:hover, :focus-visible, [aria-expanded="true"]) {
  border-color: var(--studio-selection-border);
  background: var(--accent);
}

.studio-toolbar :is(.studio-select, .studio-upload):disabled {
  border-color: var(--border);
  color: var(--muted-foreground);
  background: var(--muted);
}

.studio-select > span {
  text-align: left;
  flex: 1;
}

.studio-select [data-icon="inline-end"] {
  width: 11px;
  height: 11px;
  color: var(--muted-foreground);
}

.studio-key-select {
  width: 132px;
}

.studio-model-select {
  width: 207px;
}

.studio-ratio-select {
  width: 69px;
}

.studio-resolution-select {
  width: 61px;
}

.studio-upload {
  background: var(--studio-surface);
  border-radius: 6px;
}

.studio-generate {
  border-radius: 6px;
  gap: 9px;
  min-width: 88px;
  height: 33px;
  margin-left: auto;
  padding-inline: 14px;
  font-size: 12px;
}

.studio-composer-footer {
  color: var(--studio-faint);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 10px 2px 0;
  font-size: 10px;
  display: flex;
}

.studio-api-notice {
  margin-bottom: 12px;
}

.studio-parameter-menu {
  width: auto;
  min-width: 170px;
  max-width: min(360px, 100vw - 24px);
}

.studio-history {
  border-left: 1px solid var(--border);
  background: var(--background);
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}

.studio-history-header {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: 58px;
  padding-inline: 20px;
  display: flex;
}

.studio-history-header h2 {
  font-size: 12px;
  font-weight: 500;
}

.studio-history-header > span {
  color: var(--muted-foreground);
  font-size: 10px;
}

.studio-history-list {
  flex-direction: column;
  gap: 14px;
  padding: 0 14px 20px;
  display: flex;
}

.studio-history-item {
  color: var(--muted-foreground);
  text-align: left;
  border: 1px solid #0000;
  border-radius: 8px;
  padding: 5px;
}

.studio-history-item:hover {
  background: var(--muted);
}

.studio-history-item[data-selected="true"] {
  border-color: var(--studio-selection-border);
  background: var(--studio-surface);
}

.studio-history-select {
  text-align: left;
  width: 100%;
  display: block;
}

.studio-history-footer {
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  display: flex;
}

.studio-history-thumbnail {
  background: var(--muted);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 116px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.studio-history-thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.studio-history-meta {
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding: 9px 3px 0;
  font-size: 10px;
  display: flex;
}

.studio-history-meta span:first-child {
  color: var(--foreground);
}

.studio-history-prompt {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 7px 3px 5px;
  font-size: 11px;
  line-height: 1.65;
  display: -webkit-box;
  overflow: hidden;
}

.studio-history-model {
  color: var(--studio-faint);
  margin: 0 3px 4px;
  font-size: 10px;
  display: block;
}

.studio-history-note {
  border-top: 1px solid var(--border);
  color: var(--studio-faint);
  margin-top: auto;
  padding: 16px 20px;
  font-size: 11px;
  line-height: 1.7;
}

.studio-list-empty {
  text-align: center;
  color: var(--muted-foreground);
  padding: 28px 12px;
  font-size: 12px;
  line-height: 1.8;
}

.studio-sessions-toggle, .studio-history-toggle {
  display: none;
}

.studio-drawer {
  gap: 0;
  width: min(300px, 90vw);
}

.studio-drawer .studio-sessions, .studio-drawer .studio-history {
  border: 0;
  flex: 1;
  min-height: 0;
}

.studio-drawer .studio-history-header {
  display: none;
}

.studio-drawer .studio-history-list {
  padding-top: 8px;
}

.studio-lightbox {
  background: var(--studio-stage);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 94vw;
  max-width: 1600px;
  height: 92dvh;
  padding: 48px 16px 16px;
  display: flex;
}

.studio-lightbox img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

@container image-studio (width >= 1500px) {
  .studio-workspace-header {
    padding-inline: 38px;
  }

  .studio-stage {
    margin-inline: 38px;
  }

  .studio-composer-wrap {
    padding-inline: 38px;
  }

  .studio-desktop-history {
    width: 280px;
  }

  .studio-history-thumbnail {
    height: 126px;
  }
}

@container image-studio (width <= 1190px) {
  .studio-desktop-history {
    display: none;
  }

  .studio-history-toggle {
    display: inline-flex;
  }
}

@container image-studio (width <= 760px) {
  .studio-desktop-sessions {
    display: none;
  }

  .studio-sessions-toggle {
    display: inline-flex;
  }

  .studio-workspace-header {
    height: 54px;
    padding-inline: 18px;
  }

  .studio-stage {
    min-height: 170px;
    margin: 3px 18px 20px;
  }

  .studio-composer-wrap {
    padding: 0 14px 14px;
  }

  .studio-composer {
    border-radius: 11px;
    padding: 14px 13px 12px;
  }

  .studio-composer-footer {
    font-size: 9px;
  }

  .studio-session-select {
    font-size: 13px;
  }
}

@container image-studio (width <= 620px) {
  .studio-toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 34px 38px;
    gap: 8px;
    display: grid;
  }

  .studio-select {
    width: auto;
    height: 33px;
  }

  .studio-key-select {
    grid-column: 1;
  }

  .studio-model-select {
    grid-column: 2 / 5;
  }

  .studio-ratio-select {
    grid-column: 1;
  }

  .studio-resolution-select {
    grid-column: 2;
  }

  .studio-upload {
    width: 34px;
    height: 33px;
  }

  .studio-generate {
    width: 38px;
    min-width: 0;
    height: 33px;
    margin: 0;
    padding: 0;
  }

  .studio-generate > span {
    display: none;
  }

  .studio-composer textarea {
    resize: none;
    min-height: 68px;
  }

  .studio-keyboard-hint {
    display: none;
  }

  .studio-composer-footer {
    justify-content: flex-end;
  }

  .studio-workspace-header {
    padding-inline: 14px;
  }

  .studio-stage {
    margin-inline: 14px;
  }
}

.cv5-analytics {
  --analytics-line: var(--cv5-line, var(--border));
  --analytics-panel: var(--cv5-panel, var(--card));
  --analytics-fg: var(--cv5-fg, var(--foreground));
  --analytics-muted: var(--cv5-muted, var(--muted-foreground));
  --analytics-primary: var(--cv5-primary, var(--primary));
  --analytics-font: var(--cv5-font, var(--font-body));
  --analytics-mono: var(--cv5-mono, var(--font-mono));
  flex-direction: column;
  gap: 16px;
  height: 100%;
  min-height: 0;
  padding-bottom: 20px;
  display: flex;
  overflow-y: auto;
}

.cv5-analytics > * {
  flex-shrink: 0;
}

.cv5-analytics-controls {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  display: flex;
}

.cv5-analytics-presets {
  background: var(--analytics-panel);
  border: 1px solid var(--analytics-line);
  border-radius: 8px;
  flex: none;
  gap: 3px;
  padding: 3px;
  display: flex;
}

.cv5-analytics-presets button {
  cursor: pointer;
  color: var(--analytics-muted);
  font: 400 11.5px var(--analytics-font);
  border-radius: 5px;
  padding: 5px 9px;
}

.cv5-analytics-presets button[aria-pressed="true"] {
  background: color-mix(in srgb, var(--analytics-primary) 9%, transparent);
  color: var(--analytics-primary);
}

.cv5-analytics-range {
  flex: 1;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 300px;
  max-width: 530px;
  display: grid;
}

.cv5-analytics-range [data-slot="field-label"] {
  white-space: nowrap;
  width: auto;
  margin: 0;
  font-size: 11.5px;
}

.cv5-analytics-range [data-slot="button"] {
  height: 32px;
  min-height: 32px;
  font-size: 11.5px;
}

.cv5-analytics-control-actions {
  align-items: center;
  gap: 6px;
  margin-left: auto;
  display: flex;
}

.cv5-analytics-currency {
  color: var(--analytics-muted);
  font: 400 11px var(--analytics-mono);
  margin-right: 6px;
}

.cv5-analytics-control-actions [data-slot="button"] {
  height: 32px;
  min-height: 32px;
  font-size: 11.5px;
}

.cv5-analytics-meta {
  color: var(--analytics-muted);
  font: 400 10.5px/1.5 var(--analytics-font);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 18px;
  margin-top: -6px;
  display: flex;
}

.cv5-analytics-meta > span:last-child {
  margin-left: auto;
}

.cv5-analytics-metrics {
  border-block: 1px solid var(--analytics-line);
}

.cv5-analytics-metrics dl {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  display: grid;
}

.cv5-analytics-metrics dl > div {
  border-left: 1px solid var(--analytics-line);
  min-width: 0;
  padding: 17px 15px 16px;
}

.cv5-analytics-metrics dl > div:first-child {
  border-left: 0;
  padding-left: 0;
}

.cv5-analytics-metrics dt {
  font: 400 11px/1.4 var(--analytics-font);
  color: var(--analytics-muted);
}

.cv5-analytics-metrics dd {
  font: 400 25px/1.2 var(--analytics-mono);
  letter-spacing: -.04em;
  color: var(--analytics-fg);
  margin: 10px 0 0;
  overflow: hidden;
}

.cv5-analytics-metrics p {
  font: 400 10.5px/1.4 var(--analytics-font);
  color: var(--analytics-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 0 0;
  overflow: hidden;
}

.cv5-analytics-data-note {
  font: 400 10.5px/1.6 var(--analytics-font);
  color: var(--analytics-muted);
  margin: -5px 0 0;
}

.cv5-analytics-charts {
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  display: grid;
}

.cv5-analytics-charts[data-has-usage="true"] {
  grid-template-columns: minmax(0, 1.7fr) minmax(300px, 1fr);
}

.cv5-analytics .cv5-trend-panel, .cv5-analytics .cv5-usage-detail-panel {
  background: var(--analytics-panel);
  border-color: var(--analytics-line);
  border-radius: 10px;
  box-shadow: none !important;
}

.cv5-analytics [data-usage-panel] > [data-slot="card-header"] {
  border-color: var(--analytics-line) !important;
  background: none !important;
  padding: 16px 18px !important;
}

.cv5-analytics [data-usage-panel] [data-slot="card-title"] {
  font: 500 12.5px/1.45 var(--analytics-font);
}

.cv5-analytics [data-usage-panel] > [data-slot="card-content"] {
  padding: 16px 18px 18px;
}

.cv5-analytics [data-slot="empty"] {
  border: 0;
  min-height: 190px;
}

.cv5-analytics-empty-actions {
  align-items: center;
  gap: 16px;
  margin-top: 8px;
  display: flex;
}

.cv5-analytics-empty-actions > a {
  color: var(--analytics-primary);
  font-size: 12px;
}

.cv5-analytics-additional {
  border-top: 1px solid var(--analytics-line);
  padding-top: 4px;
}

.cv5-analytics-additional summary {
  cursor: pointer;
  font: 400 12px var(--analytics-font);
  color: var(--analytics-muted);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  display: flex;
}

.cv5-analytics-additional summary::-webkit-details-marker {
  display: none;
}

.cv5-analytics-additional summary > span {
  font-size: 10.5px;
}

.cv5-analytics-additional[open] summary {
  color: var(--analytics-fg);
}

.cv5-analytics-additional-body {
  gap: 14px;
  padding-top: 8px;
  display: grid;
}

.cv5-analytics-error {
  border: 1px solid var(--analytics-line);
  background: var(--analytics-panel);
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px;
  display: flex;
}

.cv5-analytics-error p {
  color: var(--analytics-muted);
  margin: 0;
  font-size: 12px;
}

.cv5-analytics button:focus-visible, .cv5-analytics a:focus-visible {
  outline: 2px solid var(--analytics-primary);
  outline-offset: 2px;
}

.cheapai-console.console-v2.console-v5 .cv5-analytics-page[data-slot="section-page-layout"] {
  padding: 0;
}

.cheapai-console.console-v2.console-v5 .cv5-analytics-page [data-slot="section-page-frame"] {
  padding: 28px 36px 18px;
}

.cv5-analytics-page [data-slot="section-page-description"] {
  font-size: 12.5px;
}

@media (max-width: 1050px) {
  .cv5-analytics-charts[data-has-usage="true"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .cv5-analytics-controls {
    gap: 8px;
  }
}

@media (max-width: 760px) {
  .cv5-analytics-metrics dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cv5-analytics-metrics dl > div {
    border-bottom: 1px solid var(--analytics-line);
    padding: 14px;
  }

  .cv5-analytics-control-actions {
    margin-left: 0;
  }

  .cv5-analytics-range {
    min-width: 240px;
  }

  .cheapai-console.console-v2.console-v5 .cv5-analytics-page [data-slot="section-page-frame"] {
    padding: 22px 20px;
  }
}

.cheapai-console.console-v2.console-v5 .cv5-analytics-page [data-slot="section-page-content"] {
  padding: 0;
}

.overview-intro {
  align-items: stretch;
  gap: var(--console-panel-gap);
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  display: grid;
}

.enterprise-overview-card {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  display: flex;
}

.enterprise-overview-services {
  flex-wrap: wrap;
  gap: .5rem 1rem;
  display: flex;
}

@container content (width >= 54rem) {
  .overview-intro:has( > [data-slot="card"][role="region"]:not([hidden])) {
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 19rem);
  }

  .overview-intro:has( > [data-slot="card"][role="region"]:not([hidden])) > .enterprise-overview-card {
    flex-flow: column;
    align-items: stretch;
  }

  .overview-intro:has( > [data-slot="card"][role="region"]:not([hidden])) .enterprise-overview-services {
    gap: .625rem;
    display: grid;
  }

  .overview-intro:has( > [data-slot="card"][role="region"]:not([hidden])) .enterprise-overview-link {
    justify-content: space-between;
    width: 100%;
  }
}

html:root:has(.cheapai-console.console-v2[data-slot="sidebar-wrapper"]) body {
  --font-body: "Public Sans Variable", "PingFang SC", Arial, sans-serif;
  --font-heading: "SoftAurora Lausanne", "Public Sans Variable", "PingFang SC", Arial,
    sans-serif;
  --font-ui: var(--font-body);
  --font-brand: var(--font-heading);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --console-font-sans: var(--font-body);
  --console-font-display: var(--font-heading);
  --cv2-base: var(--background);
  --cv2-text: var(--foreground);
  --cv2-card: var(--card);
  --cv2-muted: var(--muted);
  --cv2-line: var(--border);
  --cv2-action: var(--primary);
  --cv2-action-ink: var(--primary-foreground);
  --console-page-gutter: 28px;
  --console-page-content-block: 22px;
  --console-page-heading-gap: 18px;
  --console-section-gap: 14px;
  --console-panel-gap: 12px;
  --console-panel-padding: 16px;
  --console-panel-radius: 12px;
  --console-control-radius: 8px;
  --app-header-height: 48px;
  font-family: var(--font-body);
  font-size: 13.5px;
}

html:root:has(.console-v2) .cheapai-console.console-v2[data-slot="sidebar-wrapper"] {
  --font-body: "Public Sans Variable", "PingFang SC", Arial, sans-serif;
  --font-heading: "SoftAurora Lausanne", "Public Sans Variable", "PingFang SC", Arial,
    sans-serif;
  --font-ui: var(--font-body);
  --font-brand: var(--font-heading);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --console-font-sans: var(--font-body);
  --console-font-display: var(--font-heading);
  --cv2-base: var(--background);
  --cv2-text: var(--foreground);
  --cv2-card: var(--card);
  --cv2-muted: var(--muted);
  --cv2-line: var(--border);
  --cv2-action: var(--primary);
  --cv2-action-ink: var(--primary-foreground);
  --console-page-gutter: 28px;
  --console-page-content-block: 22px;
  --console-page-heading-gap: 18px;
  --console-section-gap: 14px;
  --console-panel-gap: 12px;
  --console-panel-padding: 16px;
  --console-panel-radius: 12px;
  --console-control-radius: 8px;
  --app-header-height: 48px;
  font-family: var(--font-body);
  font-size: 13.5px;
}

html:root.dark:has(.cheapai-console.console-v2[data-slot="sidebar-wrapper"]) body:not([data-theme-preset]) {
  --background: #0a0a0a !important;
  --foreground: #fafafa !important;
  --card: #131313 !important;
  --card-foreground: #fafafa !important;
  --popover: #1d1d1d !important;
  --popover-foreground: #e3e5e1 !important;
  --primary: #7fee64 !important;
  --primary-foreground: #10220b !important;
  --secondary: #1d1d1d !important;
  --secondary-foreground: #e3e5e1 !important;
  --muted: #1d1d1d !important;
  --muted-foreground: #a7a7a7 !important;
  --accent: #262626 !important;
  --accent-foreground: #c8f9b6 !important;
  --border: #292929 !important;
  --input: #414141 !important;
  --ring: #b4f56a !important;
  --sidebar: #101010 !important;
  --sidebar-foreground: #c5ccc0 !important;
  --sidebar-accent: #181d16 !important;
  --sidebar-accent-foreground: #e3e5e1 !important;
  --sidebar-primary: #7fee64 !important;
  --sidebar-primary-foreground: #10220b !important;
  --sidebar-border: #292929 !important;
  --sidebar-ring: #a7c7ad !important;
  --brand-signal: #7fee64 !important;
  --brand-signal-foreground: #10220b !important;
  --surface: #0c100c !important;
  --surface-subtle: #141914 !important;
  --success: #a7c7ad !important;
  --success-foreground: #10220b !important;
  --warning: #d4c46a !important;
  --warning-foreground: #201b08 !important;
  --destructive: #d48d88 !important;
  --destructive-foreground: #220909 !important;
  --info: #a4bdba !important;
  --info-foreground: #071b19 !important;
  --neutral: #a3aaa0 !important;
  --console-hairline: #292929 !important;
  --console-hairline-strong: #354030 !important;
  --console-surface-subtle: #0c100c !important;
  --cv2-panel-deep: #0c0c0c !important;
  --chart-1: #7fee64 !important;
  --chart-2: #c2d8b5 !important;
  --chart-3: #7da579 !important;
  --chart-4: #b5bd80 !important;
  --chart-5: #8ca7a0 !important;
  --skeleton-base: #182016 !important;
  --skeleton-highlight: #20291d !important;
  --cheapai-background: var(--background) !important;
  --cheapai-foreground: var(--foreground) !important;
  --cheapai-card: var(--card) !important;
  --cheapai-primary: var(--primary) !important;
  --cheapai-primary-foreground: var(--primary-foreground) !important;
  --cheapai-border: var(--border) !important;
  --cheapai-input: var(--input) !important;
  --cheapai-accent: var(--accent) !important;
  --cheapai-muted-foreground: var(--muted-foreground) !important;
}

html:root.dark:has(.cheapai-console.console-v2[data-slot="sidebar-wrapper"]) body[data-theme-preset="default"] {
  --background: #0a0a0a !important;
  --foreground: #fafafa !important;
  --card: #131313 !important;
  --card-foreground: #fafafa !important;
  --popover: #1d1d1d !important;
  --popover-foreground: #e3e5e1 !important;
  --primary: #7fee64 !important;
  --primary-foreground: #10220b !important;
  --secondary: #1d1d1d !important;
  --secondary-foreground: #e3e5e1 !important;
  --muted: #1d1d1d !important;
  --muted-foreground: #a7a7a7 !important;
  --accent: #262626 !important;
  --accent-foreground: #c8f9b6 !important;
  --border: #292929 !important;
  --input: #414141 !important;
  --ring: #b4f56a !important;
  --sidebar: #101010 !important;
  --sidebar-foreground: #c5ccc0 !important;
  --sidebar-accent: #181d16 !important;
  --sidebar-accent-foreground: #e3e5e1 !important;
  --sidebar-primary: #7fee64 !important;
  --sidebar-primary-foreground: #10220b !important;
  --sidebar-border: #292929 !important;
  --sidebar-ring: #a7c7ad !important;
  --brand-signal: #7fee64 !important;
  --brand-signal-foreground: #10220b !important;
  --surface: #0c100c !important;
  --surface-subtle: #141914 !important;
  --success: #a7c7ad !important;
  --success-foreground: #10220b !important;
  --warning: #d4c46a !important;
  --warning-foreground: #201b08 !important;
  --destructive: #d48d88 !important;
  --destructive-foreground: #220909 !important;
  --info: #a4bdba !important;
  --info-foreground: #071b19 !important;
  --neutral: #a3aaa0 !important;
  --console-hairline: #292929 !important;
  --console-hairline-strong: #354030 !important;
  --console-surface-subtle: #0c100c !important;
  --cv2-panel-deep: #0c0c0c !important;
  --chart-1: #7fee64 !important;
  --chart-2: #c2d8b5 !important;
  --chart-3: #7da579 !important;
  --chart-4: #b5bd80 !important;
  --chart-5: #8ca7a0 !important;
  --skeleton-base: #182016 !important;
  --skeleton-highlight: #20291d !important;
  --cheapai-background: var(--background) !important;
  --cheapai-foreground: var(--foreground) !important;
  --cheapai-card: var(--card) !important;
  --cheapai-primary: var(--primary) !important;
  --cheapai-primary-foreground: var(--primary-foreground) !important;
  --cheapai-border: var(--border) !important;
  --cheapai-input: var(--input) !important;
  --cheapai-accent: var(--accent) !important;
  --cheapai-muted-foreground: var(--muted-foreground) !important;
}

html:root.dark:has(.console-v2) body:not([data-theme-preset]) .cheapai-console.console-v2[data-slot="sidebar-wrapper"] {
  --background: #0a0a0a !important;
  --foreground: #fafafa !important;
  --card: #131313 !important;
  --card-foreground: #fafafa !important;
  --popover: #1d1d1d !important;
  --popover-foreground: #e3e5e1 !important;
  --primary: #7fee64 !important;
  --primary-foreground: #10220b !important;
  --secondary: #1d1d1d !important;
  --secondary-foreground: #e3e5e1 !important;
  --muted: #1d1d1d !important;
  --muted-foreground: #a7a7a7 !important;
  --accent: #262626 !important;
  --accent-foreground: #c8f9b6 !important;
  --border: #292929 !important;
  --input: #414141 !important;
  --ring: #b4f56a !important;
  --sidebar: #101010 !important;
  --sidebar-foreground: #c5ccc0 !important;
  --sidebar-accent: #181d16 !important;
  --sidebar-accent-foreground: #e3e5e1 !important;
  --sidebar-primary: #7fee64 !important;
  --sidebar-primary-foreground: #10220b !important;
  --sidebar-border: #292929 !important;
  --sidebar-ring: #a7c7ad !important;
  --brand-signal: #7fee64 !important;
  --brand-signal-foreground: #10220b !important;
  --surface: #0c100c !important;
  --surface-subtle: #141914 !important;
  --success: #a7c7ad !important;
  --success-foreground: #10220b !important;
  --warning: #d4c46a !important;
  --warning-foreground: #201b08 !important;
  --destructive: #d48d88 !important;
  --destructive-foreground: #220909 !important;
  --info: #a4bdba !important;
  --info-foreground: #071b19 !important;
  --neutral: #a3aaa0 !important;
  --console-hairline: #292929 !important;
  --console-hairline-strong: #354030 !important;
  --console-surface-subtle: #0c100c !important;
  --cv2-panel-deep: #0c0c0c !important;
  --chart-1: #7fee64 !important;
  --chart-2: #c2d8b5 !important;
  --chart-3: #7da579 !important;
  --chart-4: #b5bd80 !important;
  --chart-5: #8ca7a0 !important;
  --skeleton-base: #182016 !important;
  --skeleton-highlight: #20291d !important;
  --cheapai-background: var(--background) !important;
  --cheapai-foreground: var(--foreground) !important;
  --cheapai-card: var(--card) !important;
  --cheapai-primary: var(--primary) !important;
  --cheapai-primary-foreground: var(--primary-foreground) !important;
  --cheapai-border: var(--border) !important;
  --cheapai-input: var(--input) !important;
  --cheapai-accent: var(--accent) !important;
  --cheapai-muted-foreground: var(--muted-foreground) !important;
}

html:root.dark:has(.console-v2) body[data-theme-preset="default"] .cheapai-console.console-v2[data-slot="sidebar-wrapper"] {
  --background: #0a0a0a !important;
  --foreground: #fafafa !important;
  --card: #131313 !important;
  --card-foreground: #fafafa !important;
  --popover: #1d1d1d !important;
  --popover-foreground: #e3e5e1 !important;
  --primary: #7fee64 !important;
  --primary-foreground: #10220b !important;
  --secondary: #1d1d1d !important;
  --secondary-foreground: #e3e5e1 !important;
  --muted: #1d1d1d !important;
  --muted-foreground: #a7a7a7 !important;
  --accent: #262626 !important;
  --accent-foreground: #c8f9b6 !important;
  --border: #292929 !important;
  --input: #414141 !important;
  --ring: #b4f56a !important;
  --sidebar: #101010 !important;
  --sidebar-foreground: #c5ccc0 !important;
  --sidebar-accent: #181d16 !important;
  --sidebar-accent-foreground: #e3e5e1 !important;
  --sidebar-primary: #7fee64 !important;
  --sidebar-primary-foreground: #10220b !important;
  --sidebar-border: #292929 !important;
  --sidebar-ring: #a7c7ad !important;
  --brand-signal: #7fee64 !important;
  --brand-signal-foreground: #10220b !important;
  --surface: #0c100c !important;
  --surface-subtle: #141914 !important;
  --success: #a7c7ad !important;
  --success-foreground: #10220b !important;
  --warning: #d4c46a !important;
  --warning-foreground: #201b08 !important;
  --destructive: #d48d88 !important;
  --destructive-foreground: #220909 !important;
  --info: #a4bdba !important;
  --info-foreground: #071b19 !important;
  --neutral: #a3aaa0 !important;
  --console-hairline: #292929 !important;
  --console-hairline-strong: #354030 !important;
  --console-surface-subtle: #0c100c !important;
  --cv2-panel-deep: #0c0c0c !important;
  --chart-1: #7fee64 !important;
  --chart-2: #c2d8b5 !important;
  --chart-3: #7da579 !important;
  --chart-4: #b5bd80 !important;
  --chart-5: #8ca7a0 !important;
  --skeleton-base: #182016 !important;
  --skeleton-highlight: #20291d !important;
  --cheapai-background: var(--background) !important;
  --cheapai-foreground: var(--foreground) !important;
  --cheapai-card: var(--card) !important;
  --cheapai-primary: var(--primary) !important;
  --cheapai-primary-foreground: var(--primary-foreground) !important;
  --cheapai-border: var(--border) !important;
  --cheapai-input: var(--input) !important;
  --cheapai-accent: var(--accent) !important;
  --cheapai-muted-foreground: var(--muted-foreground) !important;
}

html:root.light:has(.cheapai-console.console-v2[data-slot="sidebar-wrapper"]) body:not([data-theme-preset]) {
  --background: #f8faf6 !important;
  --foreground: #20291f !important;
  --card: #fff !important;
  --card-foreground: #20291f !important;
  --popover: #fff !important;
  --popover-foreground: #20291f !important;
  --primary: #315f32 !important;
  --primary-foreground: #fff !important;
  --secondary: #edf3e8 !important;
  --secondary-foreground: #344b2c !important;
  --muted: #eff4eb !important;
  --muted-foreground: #62705c !important;
  --accent: #e5eedc !important;
  --accent-foreground: #31542b !important;
  --border: #d9e3d2 !important;
  --input: #c5d2bc !important;
  --ring: #65885d !important;
  --sidebar: #f0f5eb !important;
  --sidebar-foreground: #405138 !important;
  --sidebar-accent: #e4eddc !important;
  --sidebar-accent-foreground: #2b4724 !important;
  --sidebar-primary: #315f32 !important;
  --sidebar-border: #d9e3d2 !important;
  --brand-signal: #438137 !important;
  --brand-signal-foreground: #fff !important;
  --success: #39754a !important;
  --warning: #8a6c29 !important;
  --destructive: #b3504b !important;
  --console-hairline: #d9e3d2 !important;
  --console-hairline-strong: #cbd8c2 !important;
  --console-surface-subtle: #f3f7ee !important;
  --cv2-panel-deep: #f3f7ee !important;
  --cheapai-background: var(--background) !important;
  --cheapai-foreground: var(--foreground) !important;
  --cheapai-card: var(--card) !important;
  --cheapai-primary: var(--primary) !important;
  --cheapai-primary-foreground: var(--primary-foreground) !important;
  --cheapai-border: var(--border) !important;
  --cheapai-input: var(--input) !important;
  --cheapai-accent: var(--accent) !important;
  --cheapai-muted-foreground: var(--muted-foreground) !important;
}

html:root.light:has(.cheapai-console.console-v2[data-slot="sidebar-wrapper"]) body[data-theme-preset="default"] {
  --background: #f8faf6 !important;
  --foreground: #20291f !important;
  --card: #fff !important;
  --card-foreground: #20291f !important;
  --popover: #fff !important;
  --popover-foreground: #20291f !important;
  --primary: #315f32 !important;
  --primary-foreground: #fff !important;
  --secondary: #edf3e8 !important;
  --secondary-foreground: #344b2c !important;
  --muted: #eff4eb !important;
  --muted-foreground: #62705c !important;
  --accent: #e5eedc !important;
  --accent-foreground: #31542b !important;
  --border: #d9e3d2 !important;
  --input: #c5d2bc !important;
  --ring: #65885d !important;
  --sidebar: #f0f5eb !important;
  --sidebar-foreground: #405138 !important;
  --sidebar-accent: #e4eddc !important;
  --sidebar-accent-foreground: #2b4724 !important;
  --sidebar-primary: #315f32 !important;
  --sidebar-border: #d9e3d2 !important;
  --brand-signal: #438137 !important;
  --brand-signal-foreground: #fff !important;
  --success: #39754a !important;
  --warning: #8a6c29 !important;
  --destructive: #b3504b !important;
  --console-hairline: #d9e3d2 !important;
  --console-hairline-strong: #cbd8c2 !important;
  --console-surface-subtle: #f3f7ee !important;
  --cv2-panel-deep: #f3f7ee !important;
  --cheapai-background: var(--background) !important;
  --cheapai-foreground: var(--foreground) !important;
  --cheapai-card: var(--card) !important;
  --cheapai-primary: var(--primary) !important;
  --cheapai-primary-foreground: var(--primary-foreground) !important;
  --cheapai-border: var(--border) !important;
  --cheapai-input: var(--input) !important;
  --cheapai-accent: var(--accent) !important;
  --cheapai-muted-foreground: var(--muted-foreground) !important;
}

html:root.light:has(.console-v2) body:not([data-theme-preset]) .cheapai-console.console-v2[data-slot="sidebar-wrapper"] {
  --background: #f8faf6 !important;
  --foreground: #20291f !important;
  --card: #fff !important;
  --card-foreground: #20291f !important;
  --popover: #fff !important;
  --popover-foreground: #20291f !important;
  --primary: #315f32 !important;
  --primary-foreground: #fff !important;
  --secondary: #edf3e8 !important;
  --secondary-foreground: #344b2c !important;
  --muted: #eff4eb !important;
  --muted-foreground: #62705c !important;
  --accent: #e5eedc !important;
  --accent-foreground: #31542b !important;
  --border: #d9e3d2 !important;
  --input: #c5d2bc !important;
  --ring: #65885d !important;
  --sidebar: #f0f5eb !important;
  --sidebar-foreground: #405138 !important;
  --sidebar-accent: #e4eddc !important;
  --sidebar-accent-foreground: #2b4724 !important;
  --sidebar-primary: #315f32 !important;
  --sidebar-border: #d9e3d2 !important;
  --brand-signal: #438137 !important;
  --brand-signal-foreground: #fff !important;
  --success: #39754a !important;
  --warning: #8a6c29 !important;
  --destructive: #b3504b !important;
  --console-hairline: #d9e3d2 !important;
  --console-hairline-strong: #cbd8c2 !important;
  --console-surface-subtle: #f3f7ee !important;
  --cv2-panel-deep: #f3f7ee !important;
  --cheapai-background: var(--background) !important;
  --cheapai-foreground: var(--foreground) !important;
  --cheapai-card: var(--card) !important;
  --cheapai-primary: var(--primary) !important;
  --cheapai-primary-foreground: var(--primary-foreground) !important;
  --cheapai-border: var(--border) !important;
  --cheapai-input: var(--input) !important;
  --cheapai-accent: var(--accent) !important;
  --cheapai-muted-foreground: var(--muted-foreground) !important;
}

html:root.light:has(.console-v2) body[data-theme-preset="default"] .cheapai-console.console-v2[data-slot="sidebar-wrapper"] {
  --background: #f8faf6 !important;
  --foreground: #20291f !important;
  --card: #fff !important;
  --card-foreground: #20291f !important;
  --popover: #fff !important;
  --popover-foreground: #20291f !important;
  --primary: #315f32 !important;
  --primary-foreground: #fff !important;
  --secondary: #edf3e8 !important;
  --secondary-foreground: #344b2c !important;
  --muted: #eff4eb !important;
  --muted-foreground: #62705c !important;
  --accent: #e5eedc !important;
  --accent-foreground: #31542b !important;
  --border: #d9e3d2 !important;
  --input: #c5d2bc !important;
  --ring: #65885d !important;
  --sidebar: #f0f5eb !important;
  --sidebar-foreground: #405138 !important;
  --sidebar-accent: #e4eddc !important;
  --sidebar-accent-foreground: #2b4724 !important;
  --sidebar-primary: #315f32 !important;
  --sidebar-border: #d9e3d2 !important;
  --brand-signal: #438137 !important;
  --brand-signal-foreground: #fff !important;
  --success: #39754a !important;
  --warning: #8a6c29 !important;
  --destructive: #b3504b !important;
  --console-hairline: #d9e3d2 !important;
  --console-hairline-strong: #cbd8c2 !important;
  --console-surface-subtle: #f3f7ee !important;
  --cv2-panel-deep: #f3f7ee !important;
  --cheapai-background: var(--background) !important;
  --cheapai-foreground: var(--foreground) !important;
  --cheapai-card: var(--card) !important;
  --cheapai-primary: var(--primary) !important;
  --cheapai-primary-foreground: var(--primary-foreground) !important;
  --cheapai-border: var(--border) !important;
  --cheapai-input: var(--input) !important;
  --cheapai-accent: var(--accent) !important;
  --cheapai-muted-foreground: var(--muted-foreground) !important;
}

.cheapai-console.console-v2[data-slot="sidebar-wrapper"] {
  font-family: var(--font-body);
  background: var(--background);
  --sidebar-width: 248px !important;
}

.cheapai-console.console-v2 [data-slot="sidebar-container"] {
  border-right: 1px solid var(--border);
  padding: 0;
}

.cheapai-console.console-v2 [data-slot="sidebar-inner"] {
  background: linear-gradient(180deg,
    var(--surface, var(--sidebar)),
    var(--sidebar));
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

.cheapai-console.console-v2 [data-slot="sidebar-inset"] {
  box-shadow: none;
  background: var(--background);
  border: 0;
  border-radius: 0;
  margin: 0;
}

.cheapai-console.console-v2 [data-slot="sidebar-header"] {
  background: none;
  border: 0;
  height: 78px;
  padding: 14px 18px;
}

.cheapai-console.console-v2 [data-slot="system-brand"] {
  gap: 10px;
  height: auto;
  padding: 0;
}

.cheapai-console.console-v2 [data-slot="system-brand-mark"] {
  border: 1px solid var(--border);
  background: linear-gradient(var(--secondary), var(--background));
  border-radius: 10px;
  width: 34px;
  height: 34px;
  padding: 3px;
}

.cheapai-console.console-v2 [data-slot="system-brand-name"] {
  font: 400 15px/1.2 var(--font-heading);
  letter-spacing: -.03em;
}

.cheapai-console.console-v2 [data-slot="system-brand-caption"] {
  color: var(--muted-foreground);
  font: 400 9px/1.4 var(--font-body);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 2px;
  display: block;
}

.cheapai-console.console-v2 [data-slot="sidebar-header"] [data-slot="sidebar-trigger"] {
  width: 26px;
  height: 26px;
  color: var(--muted-foreground);
}

.cheapai-console.console-v2 [data-slot="sidebar-group"] {
  padding: 5px 10px 5px 0;
}

.cheapai-console.console-v2 [data-slot="sidebar-group-label"] {
  height: 32px;
  color: var(--muted-foreground);
  font: 400 10px/1.4 var(--font-body);
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 10px 18px 6px;
}

.cheapai-console.console-v2 [data-slot="sidebar-menu"] {
  gap: 2px;
}

.cheapai-console.console-v2 [data-slot="sidebar-menu-button"] {
  height: auto;
  min-height: 36px;
  box-shadow: none;
  color: var(--sidebar-foreground);
  font: 400 13px/1.5 var(--font-body);
  border: 0;
  border-left: 2px solid #0000;
  border-radius: 0 8px 8px 0;
  gap: 10px;
  padding: 8px 16px;
  position: relative;
}

.cheapai-console.console-v2 [data-slot="sidebar-menu-button"] svg {
  opacity: .75;
  width: 16px;
  height: 16px;
}

.cheapai-console.console-v2 [data-slot="sidebar-menu-button"][data-active="true"] {
  background: var(--sidebar-accent);
  color: var(--foreground);
  border-left-color: var(--brand-signal);
  box-shadow: none;
}

.cheapai-console.console-v2 [data-slot="sidebar-menu-button"][data-active="true"] svg {
  opacity: 1;
}

.cheapai-console.console-v2 [data-slot="sidebar-menu-button"]:hover {
  background: var(--sidebar-accent);
  color: var(--foreground);
}

.cheapai-console.console-v2 [data-slot="sidebar-group"]:has([data-state="closed"]) {
  min-height: 0;
}

.cheapai-console.console-v2 .sa-sidebar-account {
  border: 0;
  gap: 8px;
  padding: 10px 12px 12px;
}

.cheapai-console.console-v2 .sa-sidebar-credit {
  border: 1px solid var(--border);
  background: linear-gradient(180deg, var(--card), var(--cv2-panel-deep));
  border-radius: 8px;
  padding: 11px 13px;
  font-size: 11px;
  position: relative;
}

.cheapai-console.console-v2 .sa-sidebar-credit:before {
  content: "";
  background: var(--brand-signal);
  border-radius: 2px;
  width: 2px;
  position: absolute;
  inset: 11px auto 11px -1px;
}

.cheapai-console.console-v2 .sa-sidebar-credit strong {
  font: 400 20px/1.2 var(--font-heading);
}

.cheapai-console.console-v2 .cv2-gateway-label {
  border: 1px solid var(--border);
  color: var(--muted-foreground);
  border-radius: 999px;
  grid-column: 1 / -1;
  justify-self: start;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
  padding: 3px 7px;
  font-size: 9px;
  display: inline-flex;
}

.cheapai-console.console-v2 .cv2-gateway-label:before {
  content: "";
  background: var(--brand-signal);
  border-radius: 50%;
  width: 4px;
  height: 4px;
}

.cheapai-console.console-v2 .sa-sidebar-identity {
  border: 1px solid var(--border);
  background: var(--background);
  border-radius: 8px;
  padding: 10px 11px;
}

.cheapai-console.console-v2 .sa-sidebar-avatar {
  background: var(--secondary);
  width: 28px;
  height: 28px;
  color: var(--foreground);
}

.cheapai-console.console-v2 .sa-sidebar-user-copy small {
  font-size: 10px;
}

.cheapai-console.console-v2 [data-slot="section-page-content"] {
  padding: 22px 28px 36px;
}

.cheapai-console.console-v2 [data-slot="section-page-frame"] {
  width: 100%;
  max-width: 1280px;
  margin-inline: 0;
}

.cheapai-console.console-v2 [data-slot="section-page-heading"] {
  border-bottom: 1px solid var(--border);
  margin-bottom: 18px;
  padding-bottom: 16px;
}

.cheapai-console.console-v2 [data-slot="section-page-breadcrumb"] {
  color: color-mix(in srgb, var(--muted-foreground) 72%, transparent);
  font: 400 12.5px/1.4 var(--font-body);
  letter-spacing: 0;
  text-transform: none;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  display: flex;
}

.cheapai-console.console-v2 [data-slot="section-page-breadcrumb"] > span:first-child {
  text-transform: none;
}

.cheapai-console.console-v2 [data-slot="section-page-breadcrumb"] > span:last-child {
  color: var(--success);
  letter-spacing: 0;
}

.cheapai-console.console-v2 [data-slot="section-page-title"] {
  font: 600 20px/1.2 var(--font-heading);
  letter-spacing: -.02em;
  margin: 0;
}

.cheapai-console.console-v2 [data-slot="section-page-description"] {
  color: color-mix(in srgb, var(--muted-foreground) 72%, transparent);
  font: 400 12.5px/1.45 var(--font-body);
  max-width: 56ch;
  margin-top: 3px;
}

.cheapai-console.console-v2 [data-slot="button"] {
  font: 500 12.5px/1.4 var(--font-body);
  box-shadow: none;
  border-radius: 999px;
  transition: background-color .15s, border-color .15s, color .15s;
}

.cheapai-console.console-v2 [data-slot="button"][data-size="default"], .cheapai-console.console-v2 [data-slot="button"][data-size="lg"] {
  min-height: 34px;
  padding-inline: 14px;
}

.cheapai-console.console-v2 [data-slot="button"][data-size^="icon"] {
  border-radius: 8px;
  padding: 0;
}

.cheapai-console.console-v2 [data-slot="button"][data-variant="default"] {
  background: var(--primary);
  color: var(--primary-foreground);
}

.cheapai-console.console-v2 [data-slot="button"][data-variant="outline"] {
  border-color: var(--border);
  color: var(--foreground);
  background: none;
}

.cheapai-console.console-v2 [data-slot="button"][data-variant="outline"]:hover {
  background: var(--muted);
  border-color: var(--console-hairline-strong);
}

.cheapai-console.console-v2 :is([data-slot="input"], [data-slot="select-trigger"], [data-slot="textarea"], [data-slot="input-group"]) {
  border-color: var(--input);
  background: var(--background);
  color: var(--foreground);
  box-shadow: none;
  border-radius: 8px;
  font-size: 13px;
}

.cheapai-console.console-v2 :is([data-slot="input"], [data-slot="select-trigger"]) {
  min-height: 34px;
}

.cheapai-console.console-v2 [data-slot="badge"] {
  font-size: 10.5px;
  font-weight: 400;
}

.cheapai-console.console-v2 :is([data-slot="card"], [data-slot="console-panel"], [data-slot="data-table-frame"]) {
  border: 1px solid var(--border);
  background: linear-gradient(180deg, var(--card), var(--cv2-panel-deep));
  border-radius: 12px;
  box-shadow: 0 0 0 1px #e3e5e105, 0 12px 28px #0000001f;
}

.cheapai-console.console-v2 [data-slot="card"] {
  gap: 0;
  padding-block: 0;
}

.cheapai-console.console-v2 [data-slot="card-header"] {
  border-bottom: 1px solid var(--border);
  background: #00000014;
  border-radius: 12px 12px 0 0;
  row-gap: 4px;
  padding: 13px 16px;
}

.cheapai-console.console-v2 [data-slot="card-title"] {
  font: 400 15px/1.4 var(--font-heading);
  letter-spacing: -.025em;
}

.cheapai-console.console-v2 [data-slot="card-description"] {
  color: var(--muted-foreground);
  font-size: 12px;
  line-height: 1.5;
}

.cheapai-console.console-v2 [data-slot="card-content"] {
  padding: 14px 16px;
}

.cheapai-console.console-v2 [data-slot="card-footer"] {
  border-top: 1px solid var(--border);
  background: none;
  padding: 12px 16px;
}

.cheapai-console.console-v2 [data-slot="console-panel-header"] {
  border-color: var(--border);
  background: #00000014;
  padding: 13px 16px;
}

.cheapai-console.console-v2 [data-slot="console-panel-header"] > div {
  font-family: var(--font-heading);
  font-weight: 400;
}

.cheapai-console.console-v2 [data-slot="table-container"] {
  border-color: var(--border);
  background: var(--card);
  border-radius: 12px;
}

.cheapai-console.console-v2 :is(th, [data-slot="table-head"]) {
  background: var(--cv2-panel-deep);
  border-color: var(--border);
  height: 38px;
  color: var(--muted-foreground);
  font: 400 10.5px/1.4 var(--font-body);
  letter-spacing: .07em;
  text-transform: uppercase;
  padding: 10px 14px;
}

.cheapai-console.console-v2 :is(td, [data-slot="table-cell"]) {
  border-color: var(--border);
  color: var(--foreground);
  font: 400 12px/1.5 var(--font-body);
  padding: 11px 14px;
}

.cheapai-console.console-v2 tbody tr {
  border-color: var(--border);
}

.cheapai-console.console-v2 tbody tr:hover {
  background: color-mix(in srgb, var(--foreground) 3%, transparent);
}

.cheapai-console.console-v2 [data-slot="tabs-list"] {
  border: 1px solid var(--border);
  background: var(--muted);
  border-radius: 999px;
  gap: 2px;
  padding: 3px;
}

.cheapai-console.console-v2 [data-slot="tabs-trigger"] {
  border-radius: 999px;
  min-height: 28px;
  font-size: 12px;
  font-weight: 400;
}

.cheapai-console.console-v2 [data-slot="tabs-trigger"][data-active] {
  background: color-mix(in srgb, var(--foreground) 7%, var(--muted));
  color: var(--foreground);
}

.cheapai-console.console-v2 [data-slot="app-header"] [data-slot="avatar"] {
  border-radius: 9px;
}

.cheapai-console.console-v2 [data-slot="app-header"] [data-slot="avatar-fallback"] {
  border-radius: inherit;
  border: 1px solid var(--border);
  background: var(--secondary) !important;
  color: var(--foreground) !important;
}

.cheapai-console.console-v2 [data-slot="console-footer"] {
  border-color: var(--border);
  background: var(--background);
  opacity: .75;
  padding: 6px 16px;
  font-size: 10px;
}

body:has(.console-v2) :is([data-slot="dialog-content"], [data-slot="sheet-content"], [data-slot="dropdown-menu-content"], [data-slot="popover-content"]) {
  font-family: var(--font-body);
  border-color: var(--border);
  background: var(--popover);
  color: var(--foreground);
  border-radius: 12px;
  box-shadow: 0 18px 60px #0000004d;
}

@media (min-width: 1024px) {
  .cheapai-console.console-v2:not([data-console-workspace="studio"]) [data-slot="app-header"] {
    top: 15px;
    z-index: 20;
    background: none;
    border: 0;
    width: auto;
    height: 32px;
    position: absolute;
    inset-inline-end: 28px;
  }

  .cheapai-console.console-v2:not([data-console-workspace="studio"]) [data-slot="app-header-inner"] {
    gap: 14px;
    padding: 0;
  }

  .cheapai-console.console-v2:not([data-console-workspace="studio"]) [data-slot="app-header-left"] {
    flex: none;
  }

  .cheapai-console.console-v2 [data-slot="console-header-nav-link"] {
    color: var(--muted-foreground);
    font: 400 11px/1.4 var(--font-body);
  }

  .cheapai-console.console-v2 [data-slot="app-header-actions"] {
    gap: 8px;
  }

  .cheapai-console.console-v2 [data-slot="app-header"] [data-slot="button"] {
    height: 28px;
    min-height: 28px;
    padding-inline: 5px;
    font-size: 11px;
  }

  .cheapai-console.console-v2[data-console-surface="admin"] [data-slot="console-header-primary"] > span {
    display: none;
  }

  .cheapai-console.console-v2 [data-slot="section-page-breadcrumb"] {
    max-width: calc(100% - 390px);
    min-height: 16px;
  }
}

@media (max-width: 1023px) {
  .cheapai-console.console-v2 [data-slot="section-page-content"] {
    padding: 20px;
  }

  .cheapai-console.console-v2 [data-slot="app-header"] {
    background: var(--background);
    border-bottom: 1px solid var(--border);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cheapai-console.console-v2 *, .cheapai-console.console-v2 :before, .cheapai-console.console-v2 :after {
    transition-duration: 0s !important;
  }
}

.cheapai-console.console-v2 .cv2-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.cheapai-console.console-v2 .cv2-kpis .cv2-kpi {
  background: var(--card);
  border: 1px solid var(--border);
  min-width: 0;
  min-height: 78px;
  box-shadow: none;
  border-radius: 10px;
  position: relative;
}

.cheapai-console.console-v2 .cv2-kpis .cv2-kpi:before {
  content: none;
}

.cheapai-console.console-v2 .cv2-kpis .cv2-kpi > [data-slot="card-content"] {
  height: 100%;
  padding: 12px 14px 11px;
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-metric] {
  gap: 6px;
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-metric] > div:first-child {
  gap: 6px;
  min-height: 17px;
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-metric] > div:first-child > svg {
  display: none;
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-metric] > div:first-child:before {
  content: "";
  background: color-mix(in srgb, var(--muted-foreground) 55%, transparent);
  border-radius: 50%;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
}

.cheapai-console.console-v2 .cv2-kpis .cv2-kpi-balance [data-overview-source-title]:before {
  content: "";
  background: var(--brand-signal);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-signal) 18%, transparent);
  vertical-align: middle;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 6px;
  display: inline-block;
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-metric] > div:first-child > span {
  color: color-mix(in srgb, var(--muted-foreground) 72%, transparent);
  font-size: 11.5px;
  font-weight: 400;
  line-height: 1.4;
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-metric-value], .cheapai-console.console-v2 .cv2-kpis [data-overview-source-value] {
  font: 600 22px/1.2 var(--font-body);
  letter-spacing: -.03em;
  color: var(--foreground);
  font-variant-numeric: tabular-nums;
  margin: 0;
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-metric-copy] {
  gap: 2px;
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-metric-description] {
  font: 400 11px/1.4 var(--font-body);
  color: color-mix(in srgb, var(--muted-foreground) 72%, transparent);
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-billing-source] {
  gap: 0;
  height: 100%;
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-primary-source] {
  min-height: 0;
  padding: 0;
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-source-main] {
  align-items: flex-start;
  gap: 6px;
  min-height: 0;
  padding: 0;
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-source-copy] {
  gap: 6px;
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-source-title] {
  align-items: center;
  min-height: 17px;
  margin: 0;
  display: flex;
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-source-title] h3 {
  font: 400 11.5px/1.4 var(--font-body);
  color: color-mix(in srgb, var(--muted-foreground) 72%, transparent);
  margin: 0;
}

.cheapai-console.console-v2 .cv2-kpis [data-slot="separator"] {
  display: none;
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-secondary-source] {
  background: none;
  border: 0;
  gap: 4px;
  min-height: 0;
  margin-top: 2px;
  padding: 0;
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-secondary-label], .cheapai-console.console-v2 .cv2-kpis [data-overview-source-timing] {
  color: color-mix(in srgb, var(--muted-foreground) 80%, transparent);
  font: 400 11px/1.45 var(--font-body);
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-secondary-value] {
  font-size: 12px;
}

.cheapai-console.console-v2 .cv2-summary-extra {
  grid-column: 1 / -1;
}

.cheapai-console.console-v2 .cv2-overview-main {
  grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  display: grid;
}

.cheapai-console.console-v2 .cv2-overview-bottom {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  display: grid;
}

.cheapai-console.console-v2 .cv2-overview-bottom-single {
  grid-template-columns: 1fr;
}

.cheapai-console.console-v2 .cv2-overview-extra {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  display: grid;
}

.cheapai-console.console-v2 .sa-insight-panel, .cheapai-console.console-v2 .cv2-checklist, .cheapai-console.console-v2 .cv2-overview-aside .cv2-overview-api, .cheapai-console.console-v2 .cv2-overview-bottom .cv2-overview-api, .cheapai-console.console-v2 .cv2-overview-extra [data-slot="console-panel"] {
  border: 1px solid var(--border);
  background: var(--card);
  min-width: 0;
  box-shadow: none;
  border-radius: 10px;
  padding: 0;
  overflow: hidden;
}

.cheapai-console.console-v2 .sa-insight-panel > header, .cheapai-console.console-v2 .cv2-checklist > header {
  background: none;
  border-bottom: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 0;
  margin: 0 0 12px;
  padding: 14px 16px 0;
  display: flex;
}

.cheapai-console.console-v2 .sa-insight-panel h2, .cheapai-console.console-v2 .cv2-checklist h2 {
  font: 560 13px/1.4 var(--font-body);
  letter-spacing: 0;
  margin: 0;
}

.cheapai-console.console-v2 .cv2-checklist > header > span, .cheapai-console.console-v2 .sa-card-meta {
  color: color-mix(in srgb, var(--muted-foreground) 72%, transparent);
  font: 400 11.5px/1.4 var(--font-body);
}

.cheapai-console.console-v2 .sa-period-tabs {
  border: 1px solid var(--border);
  background: var(--muted);
  border-radius: 8px;
  gap: 2px;
  padding: 2px;
}

.cheapai-console.console-v2 .sa-period-tabs button {
  min-width: 37px;
  min-height: 26px;
  color: var(--muted-foreground);
  font: 400 11px/1.3 var(--font-mono);
  border-radius: 5px;
  padding: 3px 8px;
}

.cheapai-console.console-v2 .sa-period-tabs button[aria-pressed="true"] {
  background: color-mix(in srgb, var(--brand-signal) 14%, transparent);
  box-shadow: inset 0 0 0 1px
    color-mix(in srgb, var(--brand-signal) 28%, transparent);
  color: var(--foreground);
}

.cheapai-console.console-v2 .sa-usage-chart {
  width: calc(100% - 32px);
  height: 200px;
  margin: 0 16px;
  display: block;
}

.cheapai-console.console-v2 .sa-chart-line {
  stroke: var(--brand-signal);
  stroke-width: 1.8px;
}

.cheapai-console.console-v2 .sa-chart-grid {
  stroke: var(--border);
  opacity: .55;
}

.cheapai-console.console-v2 .sa-chart-axis {
  font: 400 10px/1.4 var(--font-mono);
  color: var(--muted-foreground);
  padding: 10px 16px 14px;
}

.cheapai-console.console-v2 .cv2-empty-chart {
  text-align: center;
  border: 1px dashed var(--input);
  background: var(--muted);
  border-radius: 9px;
  flex-direction: column;
  align-items: center;
  height: auto;
  min-height: 0;
  margin: 0 16px 16px;
  padding: 22px 18px 18px;
  display: flex;
  position: relative;
}

.cheapai-console.console-v2 .cv2-empty-chart-grid {
  display: none;
}

.cheapai-console.console-v2 .cv2-empty-ico {
  background: color-mix(in srgb, var(--background) 80%, #0c0c0c);
  border: 1px solid var(--border);
  width: 36px;
  height: 36px;
  color: color-mix(in srgb, var(--muted-foreground) 75%, transparent);
  border-radius: 9px;
  place-items: center;
  margin: 0 auto 10px;
  display: grid;
}

.cheapai-console.console-v2 .cv2-empty-title, .cheapai-console.console-v2 .cv2-empty-chart p.cv2-empty-title {
  font: 560 13.5px/1.4 var(--font-body);
  color: var(--foreground);
  margin: 0 0 4px;
}

.cheapai-console.console-v2 .cv2-empty-desc, .cheapai-console.console-v2 .cv2-empty-chart small.cv2-empty-desc {
  color: color-mix(in srgb, var(--muted-foreground) 72%, transparent);
  opacity: 1;
  max-width: 360px;
  margin: 0 auto 14px;
  font-size: 12px;
  line-height: 1.45;
  display: block;
}

.cheapai-console.console-v2 .cv2-empty-ctas {
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  display: flex;
}

.cheapai-console.console-v2 .cv2-empty-ctas [data-slot="button"] {
  border-radius: 8px;
  font-size: 12.5px;
}

.cheapai-console.console-v2 .cv2-empty-ctas [data-slot="button"], .cheapai-console.console-v2 [data-slot="section-page-heading"] [data-slot="button"] {
  border-radius: 8px !important;
}

.cheapai-console.console-v2 .cv2-empty-ctas [data-slot="button"] {
  font-size: 12.5px;
}

.cheapai-console.console-v2 .cv2-empty-cta-ghost {
  border: 1px solid var(--border) !important;
  color: var(--muted-foreground) !important;
  background: none !important;
}

.cheapai-console.console-v2 .cv2-empty-cta-ghost:hover {
  color: var(--foreground) !important;
  border-color: var(--input) !important;
}

.cheapai-console.console-v2 .sa-model-mix {
  gap: 10px;
  padding: 0 16px 16px;
}

.cheapai-console.console-v2 .sa-model-mix li {
  font: 400 12px/1.4 var(--font-body);
  grid-template-columns: 1fr;
  gap: 6px;
  display: grid;
}

.cheapai-console.console-v2 .sa-model-mix-track {
  background: var(--accent);
  border-radius: 3px;
  height: 6px;
}

.cheapai-console.console-v2 .sa-model-mix-track i {
  background: color-mix(in srgb, var(--brand-signal) 45%, transparent);
}

.cheapai-console.console-v2 .sa-model-mix-track i.muted {
  background: color-mix(in srgb, var(--muted-foreground) 28%, transparent);
}

.cheapai-console.console-v2 .cv2-mix-empty {
  gap: 5px;
  min-height: 96px;
  padding: 18px 16px 16px;
}

.cheapai-console.console-v2 .cv2-mix-empty p {
  margin: 0;
  font-size: 12px;
}

.cheapai-console.console-v2 .cv2-mix-empty small {
  opacity: .75;
  font-size: 11px;
}

.cheapai-console.console-v2 .cv2-checklist-body {
  padding: 0 16px 14px;
}

.cheapai-console.console-v2 .cv2-checklist-progress-row {
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}

.cheapai-console.console-v2 .cv2-checklist [data-slot="progress"] {
  background: var(--accent);
  border: 1px solid var(--border);
  border-radius: 2px;
  flex: 1;
  height: 4px;
  margin-bottom: 0;
  overflow: hidden;
}

.cheapai-console.console-v2 .cv2-checklist [data-slot="progress-indicator"] {
  background: var(--brand-signal);
  border-radius: 2px;
}

.cheapai-console.console-v2 .cv2-checklist-pct {
  color: color-mix(in srgb, var(--muted-foreground) 85%, transparent);
  font-variant-numeric: tabular-nums;
  text-align: right;
  min-width: 28px;
  font-size: 11px;
}

.cheapai-console.console-v2 .cv2-checklist ol {
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.cheapai-console.console-v2 .cv2-checklist li {
  background: none;
  border: 0;
  border-radius: 7px;
  grid-template-columns: 18px 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 8px 6px;
  display: grid;
}

.cheapai-console.console-v2 .cv2-checklist li:hover {
  background: var(--muted);
}

.cheapai-console.console-v2 .cv2-checklist li[data-complete="true"] {
  background: none;
}

.cheapai-console.console-v2 .cv2-checklist li[data-complete="true"]:hover {
  background: var(--muted);
}

.cheapai-console.console-v2 .cv2-check-marker {
  border: 1px solid var(--input);
  background: color-mix(in srgb, var(--background) 80%, #0c0c0c);
  width: 16px;
  height: 16px;
  color: var(--brand-signal-foreground);
  border-radius: 4px;
  flex: none;
  place-items: center;
  margin-top: 0;
  display: grid;
}

.cheapai-console.console-v2 li[data-complete="true"] .cv2-check-marker {
  background: var(--brand-signal);
  border-color: var(--brand-signal);
  color: var(--brand-signal-foreground);
}

.cheapai-console.console-v2 .cv2-checklist li > div {
  min-width: 0;
}

.cheapai-console.console-v2 .cv2-checklist li a.cv2-check-title, .cheapai-console.console-v2 .cv2-checklist .cv2-check-title {
  color: var(--foreground);
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.4;
  display: inline;
}

.cheapai-console.console-v2 .cv2-checklist li[data-complete="true"] .cv2-check-title {
  color: var(--muted-foreground);
  text-decoration: line-through;
  -webkit-text-decoration-color: color-mix(in srgb, var(--muted-foreground) 55%, transparent);
  text-decoration-color: color-mix(in srgb, var(--muted-foreground) 55%, transparent);
}

.cheapai-console.console-v2 .cv2-checklist li a:hover {
  color: var(--brand-signal);
}

.cheapai-console.console-v2 .cv2-checklist li[data-complete="true"] a:hover {
  color: var(--muted-foreground);
}

.cheapai-console.console-v2 .cv2-checklist li p {
  color: color-mix(in srgb, var(--muted-foreground) 85%, transparent);
  font: 400 11px/1.4 var(--font-body);
  margin: 1px 0 0;
}

.cheapai-console.console-v2 .cv2-check-action {
  color: var(--brand-signal);
  white-space: nowrap;
  font-size: 11.5px;
  font-weight: 500;
}

.cheapai-console.console-v2 li[data-complete="true"] .cv2-check-action {
  color: color-mix(in srgb, var(--muted-foreground) 75%, transparent);
}

.cheapai-console.console-v2 .cv2-guide-expansion {
  margin-top: 12px;
  font-size: 11px;
}

.cheapai-console.console-v2 .cv2-guide-expansion > summary {
  cursor: pointer;
  color: var(--muted-foreground);
  padding: 3px 0;
}

.cheapai-console.console-v2 .cv2-guide-expansion > div {
  margin-top: 10px;
}

.cheapai-console.console-v2 .cv2-overview-bottom .cv2-overview-api, .cheapai-console.console-v2 .cv2-overview-api-slot {
  min-height: 142px;
}

.cheapai-console.console-v2 .cv2-overview-extra .cv2-overview-announcements {
  min-height: 156px;
}

.cheapai-console.console-v2 .cv2-overview-bottom [data-slot="scroll-area-viewport"], .cheapai-console.console-v2 .cv2-overview-extra [data-slot="scroll-area-viewport"] {
  max-height: 320px;
}

.cheapai-console.console-v2 .cv2-overview-bottom [data-slot="console-panel-header"], .cheapai-console.console-v2 .cv2-overview-extra [data-slot="console-panel-header"] {
  background: none;
  border-bottom: 0;
  min-height: 0;
  padding: 14px 16px 8px;
}

.cheapai-console.console-v2 .cv2-overview-bottom [data-slot="console-panel-header"] > div > div, .cheapai-console.console-v2 .cv2-overview-extra [data-slot="console-panel-header"] > div > div {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 560;
}

.cheapai-console.console-v2 .cv2-overview-bottom [data-slot="console-panel-header"] > div > div + div, .cheapai-console.console-v2 .cv2-overview-extra [data-slot="console-panel-header"] > div > div + div {
  font: 400 11.5px/1.4 var(--font-body);
}

.cheapai-console.console-v2 .cv2-overview-bottom [data-slot="console-panel-header"] svg, .cheapai-console.console-v2 .cv2-overview-extra [data-slot="console-panel-header"] svg {
  width: 13px;
  height: 13px;
}

.cheapai-console.console-v2 .cv2-overview-bottom [data-slot="console-panel"] > div:nth-child(2), .cheapai-console.console-v2 .cv2-overview-extra [data-slot="console-panel"] > div:nth-child(2) {
  min-height: 90px;
  font-size: 11px;
}

.cheapai-console.console-v2 [data-slot="section-page-heading"] > div:last-child {
  align-items: flex-end;
}

.cheapai-console.console-v2 [data-slot="sidebar-header"] [data-slot="sidebar-menu-button"] {
  box-shadow: none;
  background: none;
  border: 0;
  min-height: 36px;
  padding: 0;
}

.cheapai-console.console-v2 [data-slot="card-header"] {
  background: none;
}

@media (max-width: 1199px) {
  .cheapai-console.console-v2 .cv2-overview-main {
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  }
}

@media (max-width: 1023px) {
  .cheapai-console.console-v2 .cv2-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cheapai-console.console-v2 .cv2-overview-main, .cheapai-console.console-v2 .cv2-overview-bottom, .cheapai-console.console-v2 .cv2-overview-extra {
    grid-template-columns: 1fr;
  }
}

.cheapai-console.console-v2 .cv2-kpis [data-overview-metric] {
  border: 0;
  min-height: 0 !important;
  padding: 0 !important;
}

.cheapai-console.console-v2 [data-slot="button"]:is([data-size="default"], [data-size="lg"], [data-size="sm"], [data-size="xs"]) {
  border-radius: 999px !important;
}

.cheapai-console.console-v2 [data-slot="section-page-breadcrumb"] > span {
  white-space: nowrap;
}

.cheapai-console.console-v2 [data-slot="section-page-breadcrumb"] > span:last-child {
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

.cheapai-console.console-v2 [data-slot="data-table-frame"] {
  container-type: inline-size;
}

.cheapai-console.console-v2 [data-slot="data-table-frame"] [data-slot="empty"] {
  width: 100cqw;
  max-width: 100cqw;
  padding: 32px 24px;
  position: sticky;
  left: 0;
}

.cheapai-console.console-v2 [data-slot="empty-title"] {
  font: 400 16px/1.4 var(--font-heading);
}

.cheapai-console.console-v2 [data-slot="empty-description"] {
  max-width: 320px;
  color: var(--muted-foreground);
  font: 400 12px/1.7 var(--font-body);
}

.cheapai-console.console-v2 [data-slot="empty-icon"] {
  border: 1px solid var(--border);
  background: var(--muted);
  width: 36px;
  height: 36px;
  color: var(--muted-foreground);
  border-radius: 9px;
}

.cheapai-console.console-v2 [data-slot="empty-icon"] > svg {
  width: 17px;
  height: 17px;
}

body:has(.cheapai-console.console-v2) :is([data-slot="dialog-content"], [data-slot="sheet-content"], [data-slot="dropdown-menu-content"], [data-slot="popover-content"]) {
  --background: var(--cv2-base);
  --foreground: var(--cv2-text);
  --card: var(--cv2-card);
  --muted: var(--cv2-muted);
  --secondary: var(--cv2-muted);
  --border: var(--cv2-line);
  --input: var(--cv2-line);
  --primary: var(--cv2-action);
  --primary-foreground: var(--cv2-action-ink);
  background: var(--cv2-card);
}

body:has(.cheapai-console.console-v2) :is([data-slot="dialog-title"], [data-slot="sheet-title"]) {
  font: 400 18px/1.3 var(--font-heading);
  letter-spacing: -.025em;
}

body:has(.cheapai-console.console-v2) :is([data-slot="dialog-description"], [data-slot="sheet-description"]) {
  font: 400 12px/1.6 var(--font-body);
}

body:has(.cheapai-console.console-v2) :is([data-slot="dialog-content"], [data-slot="sheet-content"]) [data-slot="button"] {
  box-shadow: none;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 400;
}

body:has(.cheapai-console.console-v2) :is([data-slot="dialog-content"], [data-slot="sheet-content"]) [data-slot="button"][data-variant="default"] {
  background: var(--cv2-action);
  color: var(--cv2-action-ink);
  border-color: #0000;
}

body:has(.cheapai-console.console-v2) :is([data-slot="dialog-content"], [data-slot="sheet-content"]) :is([data-slot="input"], [data-slot="select-trigger"], [data-slot="input-group"], [data-slot="textarea"]) {
  background: var(--cv2-base);
  border-color: var(--cv2-line);
  color: var(--cv2-text);
  box-shadow: none;
  border-radius: 8px;
  font-size: 13px;
}

body:has(.cheapai-console.console-v2) :is([data-slot="dialog-content"], [data-slot="sheet-content"]) [data-slot="tabs-list"] {
  border: 1px solid var(--cv2-line);
  border-radius: 8px;
  padding: 3px;
  background: var(--cv2-muted) !important;
}

body:has(.cheapai-console.console-v2) :is([data-slot="dialog-content"], [data-slot="sheet-content"]) [role="tab"] {
  color: var(--muted-foreground);
  border-radius: 5px;
  font-size: 12px;
  font-weight: 400;
}

body:has(.cheapai-console.console-v2) :is([data-slot="dialog-content"], [data-slot="sheet-content"]) [role="tab"][aria-selected="true"] {
  background: var(--cv2-card);
  color: var(--cv2-text);
  box-shadow: inset 0 0 0 1px var(--cv2-line);
}

body:has(.cheapai-console.console-v2) .cv2-quick-key-section {
  border-color: var(--cv2-line);
  background: var(--cv2-base);
  border-radius: 8px;
  padding: 14px 16px;
}

body:has(.cheapai-console.console-v2) .cv2-quick-key-section [data-slot="button"] {
  height: 28px;
  min-height: 28px;
}

.cheapai-console.console-v2 [data-slot="table-cell"]:has([data-slot="empty"]) {
  padding: 0 !important;
}

.cheapai-console.console-v2 .cv2-profile {
  gap: 14px;
}

.cheapai-console.console-v2 .cv2-profile-settings {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 12px;
  display: grid;
}

.cheapai-console.console-v2 .cv2-profile-settings-with-sidebar {
  grid-template-columns: 1fr;
}

.cheapai-console.console-v2 .cv2-profile-settings > [data-slot="card"] {
  height: 100%;
}

.cheapai-console.console-v2 .cv2-profile [data-slot="card-header"] {
  min-height: 62px;
}

.cheapai-console.console-v2 .cv2-profile [data-slot="card-description"] {
  font-size: 11.5px;
  line-height: 1.6;
}

.cheapai-console.console-v2 [data-slot="console-wallet"], .cheapai-console.console-v2 [data-slot="console-wallet"] > [data-slot="tabs"] {
  gap: 14px;
}

.cheapai-console.console-v2 [data-slot="console-wallet"] [data-slot="card-title"] {
  font-size: 15px;
}

@media (max-width: 1023px) {
  .cheapai-console.console-v2 .cv2-profile-settings {
    grid-template-columns: 1fr;
  }
}

.cheapai-console.console-v2 .cv2-profile [data-slot="avatar"] {
  border-radius: 10px;
  width: 44px;
  height: 44px;
}

.cheapai-console.console-v2 .cv2-profile [data-slot="avatar-fallback"] {
  border: 1px solid var(--border);
  border-radius: inherit;
  background: var(--secondary) !important;
  color: var(--foreground) !important;
}

.cheapai-console.console-v2 .cv2-profile h2 {
  font-family: var(--font-heading);
  letter-spacing: -.025em;
  font-weight: 400;
}

body:has(.cheapai-console.console-v2) :is([data-slot="dialog-content"], [data-slot="sheet-content"]) [data-slot="tabs-list"]:not([data-variant="line"]) {
  border: 1px solid var(--cv2-line) !important;
}

.cheapai-console.console-v2 [data-slot="card"] > [data-slot="card-header"] {
  background: var(--cv2-panel-deep) !important;
  border-bottom: 1px solid var(--cv2-line) !important;
}

.cheapai-console.console-v2 .cv2-profile [data-credit-balance-pair] > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
  display: grid;
}

.cheapai-console.console-v2 .cv2-profile :is([data-credit-source], [data-credit-source-state]) {
  border: 1px solid var(--cv2-line);
  background: var(--cv2-base);
  border-radius: 8px;
  min-height: 100px;
  padding: 14px 16px;
}

.cheapai-console.console-v2 .cv2-profile [data-credit-source] {
  gap: 12px;
}

.cheapai-console.console-v2 :is([data-credit-source-value], [data-profile-stat-value]) {
  font: 400 24px/1.15 var(--font-heading);
  letter-spacing: -.035em;
}

.cheapai-console.console-v2 [data-profile-header] > div:first-child {
  padding: 16px;
}

.cheapai-console.console-v2 [data-profile-header] .border-t > div > div {
  padding: 12px 16px;
}

.cheapai-console.console-v2 [data-wallet-balance-summary] > [data-slot="card-content"] {
  padding: 0;
}

.cheapai-console.console-v2 [data-wallet-balance-summary] > [data-slot="card-content"] > :is(section, div) {
  min-height: 104px;
  padding: 16px;
}

.cheapai-console.console-v2 [data-wallet-balance-summary] .font-mono {
  font: 400 26px/1.15 var(--font-heading);
  letter-spacing: -.035em;
}

@media (max-width: 767px) {
  .cheapai-console.console-v2 .cv2-profile [data-credit-balance-pair] > div {
    grid-template-columns: 1fr;
  }
}

.cheapai-console.console-v2 [data-slot="tabs-list"]:not([data-variant="line"]) {
  border: 1px solid var(--cv2-line) !important;
  background: var(--cv2-muted) !important;
}

.cheapai-console.console-v2 [data-slot="tabs-list"]:not([data-variant="line"]) [role="tab"][aria-selected="true"] {
  box-shadow: inset 0 0 0 1px var(--cv2-line);
  color: var(--cv2-text) !important;
  background: var(--cv2-card) !important;
}

.cheapai-console.console-v2 [data-usage-panel] .font-mono:is(.text-2xl, .text-3xl) {
  font-family: var(--font-heading);
  font-weight: 400;
}

.cheapai-console.console-v2 [data-slot="table-cell"]:has([data-slot="empty"]) {
  height: clamp(180px, 30vh, 280px) !important;
}

.cheapai-console.console-v2 [data-slot="section-page-heading"] [data-slot="button"][data-variant="default"] {
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.4;
}

.cheapai-console.console-v2 [data-slot="section-page-heading"] [data-slot="button"][data-variant="outline"] {
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.4;
}

.cheapai-console.console-v2 .cv2-empty-ctas [data-slot="button"][data-variant="default"] {
  font-weight: 600;
}

.cheapai-console.console-v2 .cv2-empty-ctas [data-slot="button"][data-variant="outline"] {
  font-weight: 500;
}

.cheapai-console.console-v2 .cv2-checklist li p {
  font: 400 11px/1.4 var(--font-body);
  color: color-mix(in srgb, var(--muted-foreground) 72%, transparent);
}

.cheapai-console.console-v2 .cv2-checklist-pct {
  color: color-mix(in srgb, var(--muted-foreground) 72%, transparent);
  font-size: 11px;
}

.cheapai-console.console-v2 .sa-model-mix li span {
  color: var(--muted-foreground);
  font-size: 12px;
}

.cheapai-console.console-v2 .sa-model-mix li strong {
  color: color-mix(in srgb, var(--muted-foreground) 72%, transparent);
  font-variant-numeric: tabular-nums;
  font-size: 11px;
  font-weight: 400;
}

.cheapai-console.console-v2 .sa-period-tabs button {
  font: 400 11px/1.3 var(--font-body);
}

.cheapai-console.console-v2 .cv2-mix-empty p {
  color: color-mix(in srgb, var(--muted-foreground) 72%, transparent);
  font-size: 12px;
}

.cheapai-console.console-v2 .cv2-mix-empty small {
  color: color-mix(in srgb, var(--muted-foreground) 72%, transparent);
  opacity: 1;
  font-size: 11px;
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/font/a7fdc993f9f038.ece426e343.ttf) format("truetype");
}

@font-face {
  font-family: IBM Plex Mono;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/font/4fc14a73ca53ba.94c5cf2542.ttf) format("truetype");
}

@font-face {
  font-family: Instrument Sans;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(/static/font/01689ad055025f.bab4401c2b.ttf) format("truetype");
}

@font-face {
  font-family: Instrument Sans;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(/static/font/a7bcb84cb01f6e.d2235bf433.ttf) format("truetype");
}

@font-face {
  font-family: Instrument Sans;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(/static/font/5e39a358a65a72.7dbdb688b5.ttf) format("truetype");
}

:is(body:has(.console-v5), body:has(.cv5-public)) {
  --cv5-bg: #070807;
  --cv5-panel: #0c0d0c;
  --cv5-side: #0a0b0a;
  --cv5-raised: #171a16;
  --cv5-fg: #eceee9;
  --cv5-muted: #8b9484;
  --cv5-faint: #6e7964;
  --cv5-line: #1c221a;
  --cv5-strong: #2a3326;
  --cv5-primary: #7fee64;
  --cv5-cta: #b4f56a;
  --cv5-ink: #10220b;
  --cv5-font: "Instrument Sans", "PingFang SC", Arial, sans-serif;
  --cv5-display: "SoftAurora Lausanne", "Instrument Sans", sans-serif;
  --cv5-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  background: var(--cv5-bg);
  color: var(--cv5-fg);
}

:is(html.light body:has(.console-v5), html.light body:has(.cv5-public)) {
  --cv5-bg: #f7f9f5;
  --cv5-panel: #fff;
  --cv5-side: #f0f4ed;
  --cv5-raised: #e9efe4;
  --cv5-fg: #20281d;
  --cv5-muted: #617057;
  --cv5-faint: #66765d;
  --cv5-line: #dbe4d4;
  --cv5-strong: #bccdb0;
  --cv5-primary: #347b2c;
  --cv5-cta: #b4f56a;
  --cv5-ink: #10220b;
}

:is(body[data-theme-preset]:not([data-theme-preset="default"]):has(.console-v5), body[data-theme-preset]:not([data-theme-preset="default"]):has(.cv5-public)) {
  --cv5-bg: var(--background);
  --cv5-panel: var(--card);
  --cv5-side: var(--sidebar);
  --cv5-raised: var(--muted);
  --cv5-fg: var(--foreground);
  --cv5-muted: var(--muted-foreground);
  --cv5-line: var(--border);
  --cv5-strong: var(--input);
  --cv5-primary: var(--primary);
  --cv5-cta: var(--primary);
  --cv5-ink: var(--primary-foreground);
}

html:root:is(.dark, .light):has(.cheapai-console.console-v2.console-v5[data-slot="sidebar-wrapper"]) body:is(:not([data-theme-preset]), [data-theme-preset="default"]) {
  --cv2-base: var(--cv5-bg);
  --cv2-text: var(--cv5-fg);
  --cv2-card: var(--cv5-panel);
  --cv2-muted: var(--cv5-raised);
  --cv2-line: var(--cv5-line);
  --cv2-action: var(--cv5-cta);
  --cv2-action-ink: var(--cv5-ink);
  --background: var(--cv5-bg) !important;
  --foreground: var(--cv5-fg) !important;
  --card: var(--cv5-panel) !important;
  --card-foreground: var(--cv5-fg) !important;
  --popover: var(--cv5-panel) !important;
  --popover-foreground: var(--cv5-fg) !important;
  --muted: var(--cv5-raised) !important;
  --muted-foreground: var(--cv5-muted) !important;
  --primary: var(--cv5-cta) !important;
  --primary-foreground: var(--cv5-ink) !important;
  --secondary: var(--cv5-raised) !important;
  --secondary-foreground: var(--cv5-fg) !important;
  --accent: var(--cv5-raised) !important;
  --accent-foreground: var(--cv5-primary) !important;
  --border: var(--cv5-line) !important;
  --input: var(--cv5-strong) !important;
  --ring: var(--cv5-primary) !important;
  --sidebar: var(--cv5-side) !important;
  --sidebar-border: var(--cv5-line) !important;
  --sidebar-accent: var(--cv5-raised) !important;
  --sidebar-accent-foreground: var(--cv5-fg) !important;
  --sidebar-foreground: var(--cv5-muted) !important;
  --cv2-panel-deep: var(--cv5-panel) !important;
  --font-body: var(--cv5-font) !important;
  --font-ui: var(--cv5-font) !important;
  --font-heading: var(--cv5-display) !important;
  --font-mono: var(--cv5-mono) !important;
}

html:root:is(.dark, .light):has(.cheapai-console.console-v2.console-v5[data-slot="sidebar-wrapper"]) body:is(:not([data-theme-preset]), [data-theme-preset="default"]) .cheapai-console.console-v2.console-v5[data-slot="sidebar-wrapper"] {
  --cv2-base: var(--cv5-bg);
  --cv2-text: var(--cv5-fg);
  --cv2-card: var(--cv5-panel);
  --cv2-muted: var(--cv5-raised);
  --cv2-line: var(--cv5-line);
  --cv2-action: var(--cv5-cta);
  --cv2-action-ink: var(--cv5-ink);
  --background: var(--cv5-bg) !important;
  --foreground: var(--cv5-fg) !important;
  --card: var(--cv5-panel) !important;
  --card-foreground: var(--cv5-fg) !important;
  --popover: var(--cv5-panel) !important;
  --popover-foreground: var(--cv5-fg) !important;
  --muted: var(--cv5-raised) !important;
  --muted-foreground: var(--cv5-muted) !important;
  --primary: var(--cv5-cta) !important;
  --primary-foreground: var(--cv5-ink) !important;
  --secondary: var(--cv5-raised) !important;
  --secondary-foreground: var(--cv5-fg) !important;
  --accent: var(--cv5-raised) !important;
  --accent-foreground: var(--cv5-primary) !important;
  --border: var(--cv5-line) !important;
  --input: var(--cv5-strong) !important;
  --ring: var(--cv5-primary) !important;
  --sidebar: var(--cv5-side) !important;
  --sidebar-border: var(--cv5-line) !important;
  --sidebar-accent: var(--cv5-raised) !important;
  --sidebar-accent-foreground: var(--cv5-fg) !important;
  --sidebar-foreground: var(--cv5-muted) !important;
  --cv2-panel-deep: var(--cv5-panel) !important;
  --font-body: var(--cv5-font) !important;
  --font-ui: var(--cv5-font) !important;
  --font-heading: var(--cv5-display) !important;
  --font-mono: var(--cv5-mono) !important;
}

html:root:is(.dark, .light):has(.cv5-public) body:is(:not([data-theme-preset]), [data-theme-preset="default"]) {
  --cv2-base: var(--cv5-bg);
  --cv2-text: var(--cv5-fg);
  --cv2-card: var(--cv5-panel);
  --cv2-muted: var(--cv5-raised);
  --cv2-line: var(--cv5-line);
  --cv2-action: var(--cv5-cta);
  --cv2-action-ink: var(--cv5-ink);
  --background: var(--cv5-bg) !important;
  --foreground: var(--cv5-fg) !important;
  --card: var(--cv5-panel) !important;
  --card-foreground: var(--cv5-fg) !important;
  --popover: var(--cv5-panel) !important;
  --popover-foreground: var(--cv5-fg) !important;
  --muted: var(--cv5-raised) !important;
  --muted-foreground: var(--cv5-muted) !important;
  --primary: var(--cv5-cta) !important;
  --primary-foreground: var(--cv5-ink) !important;
  --secondary: var(--cv5-raised) !important;
  --secondary-foreground: var(--cv5-fg) !important;
  --accent: var(--cv5-raised) !important;
  --accent-foreground: var(--cv5-primary) !important;
  --border: var(--cv5-line) !important;
  --input: var(--cv5-strong) !important;
  --ring: var(--cv5-primary) !important;
  --sidebar: var(--cv5-side) !important;
  --sidebar-border: var(--cv5-line) !important;
  --sidebar-accent: var(--cv5-raised) !important;
  --sidebar-accent-foreground: var(--cv5-fg) !important;
  --sidebar-foreground: var(--cv5-muted) !important;
  --cv2-panel-deep: var(--cv5-panel) !important;
  --font-body: var(--cv5-font) !important;
  --font-ui: var(--cv5-font) !important;
  --font-heading: var(--cv5-display) !important;
  --font-mono: var(--cv5-mono) !important;
}

html:root:is(.dark, .light):has(.cv5-public) body:is(:not([data-theme-preset]), [data-theme-preset="default"]) .cv5-public :is(.cheapai-public, .cheapai-public-surface) {
  --cv2-base: var(--cv5-bg);
  --cv2-text: var(--cv5-fg);
  --cv2-card: var(--cv5-panel);
  --cv2-muted: var(--cv5-raised);
  --cv2-line: var(--cv5-line);
  --cv2-action: var(--cv5-cta);
  --cv2-action-ink: var(--cv5-ink);
  --background: var(--cv5-bg) !important;
  --foreground: var(--cv5-fg) !important;
  --card: var(--cv5-panel) !important;
  --card-foreground: var(--cv5-fg) !important;
  --popover: var(--cv5-panel) !important;
  --popover-foreground: var(--cv5-fg) !important;
  --muted: var(--cv5-raised) !important;
  --muted-foreground: var(--cv5-muted) !important;
  --primary: var(--cv5-cta) !important;
  --primary-foreground: var(--cv5-ink) !important;
  --secondary: var(--cv5-raised) !important;
  --secondary-foreground: var(--cv5-fg) !important;
  --accent: var(--cv5-raised) !important;
  --accent-foreground: var(--cv5-primary) !important;
  --border: var(--cv5-line) !important;
  --input: var(--cv5-strong) !important;
  --ring: var(--cv5-primary) !important;
  --sidebar: var(--cv5-side) !important;
  --sidebar-border: var(--cv5-line) !important;
  --sidebar-accent: var(--cv5-raised) !important;
  --sidebar-accent-foreground: var(--cv5-fg) !important;
  --sidebar-foreground: var(--cv5-muted) !important;
  --cv2-panel-deep: var(--cv5-panel) !important;
  --font-body: var(--cv5-font) !important;
  --font-ui: var(--cv5-font) !important;
  --font-heading: var(--cv5-display) !important;
  --font-mono: var(--cv5-mono) !important;
}

.cheapai-console.console-v2.console-v5, .cv5-public {
  font: 400 13px/1.45 var(--cv5-font);
  letter-spacing: -.011em;
  background: var(--cv5-bg);
  color: var(--cv5-fg);
  --cv5-header-height: 64px;
}

.cheapai-console.console-v2.console-v5 {
  border-inline: 0;
  max-width: none;
  height: 100svh;
  margin: 0;
  overflow: hidden;
  --sidebar-width: 220px !important;
}

.cheapai-console.console-v2.console-v5 [data-slot="console-workspace"] {
  height: calc(100svh - var(--cv5-header-height) - var(--site-announcement-height, 0px));
  min-height: 0;
  overflow: hidden;
}

.cheapai-console.console-v2.console-v5 [data-slot="sidebar-inset"] {
  background: var(--cv5-bg);
  box-shadow: none;
  border: 0;
  border-radius: 0;
  height: 100% !important;
}

.cheapai-console.console-v2.console-v5 [data-slot="sidebar-container"] {
  top: calc(var(--cv5-header-height) + var(--site-announcement-height, 0px));
  height: calc(100svh - var(--cv5-header-height) - var(--site-announcement-height, 0px));
  inset-inline-start: 0;
}

.cheapai-console.console-v2.console-v5 [data-slot="sidebar-inner"] {
  background: var(--cv5-side);
  border-color: var(--cv5-line);
  box-shadow: none;
  border-radius: 0;
}

.cheapai-console.console-v2.console-v5 [data-slot="sidebar-content"] {
  padding-top: 14px;
}

.cheapai-console.console-v2.console-v5 [data-slot="sidebar-group"] {
  padding: 4px 8px 10px;
}

.cheapai-console.console-v2.console-v5 [data-slot="sidebar-group-label"] {
  height: auto;
  color: var(--cv5-faint);
  font: 500 10px/1.45 var(--cv5-font);
  letter-spacing: .14em;
  padding: 6px 12px 8px;
}

.cheapai-console.console-v2.console-v5 [data-slot="sidebar-menu-button"] {
  height: 36px;
  min-height: 36px;
  color: var(--cv5-muted);
  font: 450 12.5px/1.45 var(--cv5-font);
  background: none;
  border-radius: 8px;
  margin: 1px 0;
  padding: 0 12px;
  box-shadow: none !important;
  border: 0 !important;
}

.cheapai-console.console-v2.console-v5 [data-slot="sidebar-menu-button"][data-active]:not([data-active="false"]) {
  color: var(--cv5-fg);
  background: color-mix(in srgb, var(--cv5-primary) 10%, var(--cv5-side));
  font-weight: 550;
}

.cheapai-console.console-v2.console-v5 [data-slot="sidebar-menu-button"]:before {
  display: none;
}

.cheapai-console.console-v2.console-v5 [data-slot="sidebar-menu-button"] svg {
  width: 15px;
  height: 15px;
}

.cheapai-console.console-v2.console-v5 [data-slot="sidebar-menu-button"][data-active]:not([data-active="false"]) svg {
  color: var(--cv5-primary);
}

.cheapai-console.console-v2.console-v5 .sa-sidebar-account {
  border-top: 1px solid var(--cv5-line);
  background: var(--cv5-side);
  padding: 12px 10px 14px;
}

.cheapai-console.console-v2.console-v5 .sa-sidebar-credit {
  border: 1px solid var(--cv5-line);
  box-shadow: none;
  background: none;
  border-radius: 8px;
  padding: 10px 11px;
}

.cheapai-console.console-v2.console-v5 .sa-sidebar-credit:before {
  display: none;
}

.cheapai-console.console-v2.console-v5 .sa-sidebar-credit > span {
  color: var(--cv5-faint);
  font-size: 10.5px;
}

.cheapai-console.console-v2.console-v5 .sa-sidebar-credit strong {
  font: 500 15px/1.4 var(--cv5-mono);
  letter-spacing: -.03em;
}

.cheapai-console.console-v2.console-v5 .cv2-gateway-label {
  display: none;
}

.cheapai-console.console-v2.console-v5 .sa-sidebar-identity {
  box-shadow: none;
  background: none;
  border: 0;
  margin-top: 10px;
  padding: 4px 2px;
}

.cheapai-console.console-v2.console-v5 .sa-sidebar-avatar {
  border-radius: 50%;
  width: 26px;
  height: 26px;
  font-size: 10px;
}

.cheapai-console.console-v2.console-v5 .sa-sidebar-user-copy strong {
  font: 500 12px/1.4 var(--cv5-font);
}

.cheapai-console.console-v2.console-v5 .sa-sidebar-user-copy small {
  font: 400 10.5px/1.4 var(--cv5-font);
  color: var(--cv5-faint);
}

.cv5-topframe {
  z-index: 100;
  width: 100%;
  font-family: var(--cv5-font);
  color: var(--cv5-fg);
  flex-shrink: 0;
  position: sticky;
  top: 0;
}

.cv5-header {
  border-bottom: 1px solid var(--cv5-line);
  background: color-mix(in srgb, var(--cv5-bg) 92%, transparent);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
}

.cv5-header-inner {
  align-items: center;
  gap: 14px;
  max-width: none;
  min-height: 64px;
  margin: 0;
  padding: 8px 18px;
  display: flex;
}

.cv5-brand {
  color: var(--cv5-fg);
  border-radius: 6px;
  flex: none;
  align-items: center;
  gap: 9px;
  padding: 3px;
  text-decoration: none;
  display: inline-flex;
}

.cv5-brand > span {
  font: 400 18px/1 var(--cv5-display);
  letter-spacing: -.05em;
}

.cv5-brand img {
  border-radius: 5px;
  width: 26px;
  height: 26px;
  display: block;
}

.cv5-header-search {
  border: 1px solid var(--cv5-line);
  min-width: 150px;
  max-width: 200px;
  height: 32px;
  color: var(--cv5-muted);
  font: 400 12px/1 var(--cv5-font);
  cursor: pointer;
  background: none;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  display: inline-flex;
}

.cv5-header-search kbd {
  border: 1px solid var(--cv5-line);
  font: 400 10px/1.4 var(--cv5-mono);
  color: var(--cv5-faint);
  border-radius: 4px;
  margin-left: auto;
  padding: 1px 5px;
}

.cv5-header-nav {
  flex: 1;
  align-items: center;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.cv5-header-nav > a, .cv5-resources {
  height: 32px;
  color: var(--cv5-muted);
  font: 500 13px/1.4 var(--cv5-font);
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 5px;
  padding: 0 11px;
  text-decoration: none;
  display: inline-flex;
}

.cv5-header-nav > a[data-active] {
  color: var(--cv5-fg);
  font-weight: 600;
}

.cv5-header-nav > a:hover, .cv5-resources:hover {
  color: var(--cv5-fg);
  background: var(--cv5-raised);
}

.cv5-header-utilities {
  align-items: center;
  gap: 5px;
  margin-left: auto;
  display: flex;
}

.cv5-header-utilities [data-slot="button"] {
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  font: 500 12px/1.4 var(--cv5-font);
  box-shadow: none;
  border-radius: 6px;
  padding: 0 8px;
}

.cv5-header-utilities [data-slot="avatar"] {
  width: 26px;
  height: 26px;
}

.cv5-header-utilities [data-slot="avatar-fallback"] {
  border: 1px solid var(--cv5-line);
  font-size: 10px;
  background: var(--cv5-panel) !important;
  color: var(--cv5-muted) !important;
}

.cv5-header .cv5-balance-chip {
  border: 1px solid color-mix(in srgb, var(--cv5-primary) 30%, var(--cv5-line));
  background: color-mix(in srgb, var(--cv5-primary) 8%, transparent);
  height: 28px;
  color: var(--cv5-primary);
  font: 500 11.5px/1 var(--cv5-mono);
  border-radius: 999px;
  align-items: center;
  padding: 0 10px;
  display: inline-flex;
}

.cv5-sidebar-trigger {
  display: none !important;
}

.cv5-promo {
  background: var(--cv5-cta);
  min-height: 32px;
  color: var(--cv5-ink);
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 5px 20px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.cv5-promo > span {
  background: color-mix(in srgb, var(--cv5-ink) 12%, transparent);
  text-transform: uppercase;
  border-radius: 999px;
  padding: 0 7px;
  font-size: 10px;
  font-weight: 600;
}

.cv5-promo p {
  margin: 0;
}

.cv5-promo a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
}

.cv5-cta, .cv5-ghost {
  height: 32px;
  font: 550 12px/1 var(--cv5-font);
  cursor: pointer;
  white-space: nowrap;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 14px;
  text-decoration: none;
  display: inline-flex;
}

.cv5-cta {
  background: var(--cv5-cta);
  color: var(--cv5-ink);
  border: 1px solid #0000;
}

.cv5-cta:hover {
  filter: brightness(1.05);
}

.cv5-ghost {
  border: 1px solid var(--cv5-strong);
  color: var(--cv5-muted);
  background: none;
}

.cv5-ghost:hover {
  color: var(--cv5-fg);
  border-color: var(--cv5-muted);
}

.cv5-auth-secondary {
  color: var(--cv5-muted);
  padding: 0 6px;
  font-size: 12px;
}

.cv5-command-results {
  flex-direction: column;
  gap: 3px;
  margin-top: 12px;
  display: flex;
}

.cv5-command-results > a {
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 8px;
  font-size: 13px;
  display: flex;
}

.cv5-command-results > a:hover {
  background: var(--cv5-raised);
}

.cheapai-console.console-v2.console-v5 .cv5-overview-main {
  background: radial-gradient(ellipse at 55% 0%,
    color-mix(in srgb, var(--cv5-primary) 4%, transparent),
    transparent 380px);
  flex: 1;
  min-height: 0;
  position: relative;
  overflow: auto;
}

.cv5-overview-content {
  width: 100%;
  max-width: none;
  padding: 28px 36px 64px;
}

.cheapai-console.console-v2.console-v5 .cv5-kicker {
  color: var(--cv5-faint);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 11px;
  display: flex;
}

.cv5-kicker > i {
  background: var(--cv5-primary);
  width: 5px;
  height: 5px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--cv5-primary) 16%, transparent);
  border-radius: 50%;
}

.cheapai-console.console-v2.console-v5 .cv5-overview-heading h1 {
  color: var(--cv5-fg);
  font: 400 34px/1.05 var(--cv5-display);
  letter-spacing: -.055em;
  margin: 0;
}

.cv5-overview-heading h1 em {
  color: var(--cv5-primary);
  font-style: normal;
}

.cv5-overview-heading > p {
  max-width: 42ch;
  font: 400 13.5px/1.55 var(--cv5-font);
  color: var(--cv5-muted);
  margin-top: 10px;
}

.cv5-page-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  display: flex;
}

.cv5-page-actions [data-slot="badge"] {
  margin-left: auto;
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpis {
  border-top: 1px solid var(--cv5-line);
  border-bottom: 1px solid var(--cv5-line);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 36px;
  display: grid;
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpi {
  border: 0;
  border-right: 1px solid var(--cv5-line);
  min-height: 126px;
  box-shadow: none;
  background: none;
  border-radius: 0;
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpi:last-child {
  border-right: 0;
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpi > [data-slot="card-content"] {
  padding: 18px 16px 20px;
}

.cheapai-console.console-v2.console-v5 .cv5-overview [data-overview-metric] > div:first-child {
  color: var(--cv5-faint);
  font: 500 11px/1.4 var(--cv5-font);
  letter-spacing: .04em;
  text-transform: uppercase;
  gap: 0;
}

.cheapai-console.console-v2.console-v5 .cv5-overview [data-overview-metric] > div:first-child svg {
  display: none;
}

.cheapai-console.console-v2.console-v5 .cv5-overview [data-overview-metric-value] {
  font: 500 26px/1.15 var(--cv5-mono);
  letter-spacing: -.045em;
  color: var(--cv5-fg);
  margin-top: 6px;
}

.cheapai-console.console-v2.console-v5 .cv5-overview [data-overview-metric-description] {
  font: 400 11.5px/1.4 var(--cv5-font);
  color: var(--cv5-muted);
  margin-top: 6px;
}

.cheapai-console.console-v2.console-v5 .cv5-overview [data-overview-source-summary] {
  box-shadow: none;
  background: none;
  border: 0;
  padding: 0;
}

.cheapai-console.console-v2.console-v5 .cv5-overview [data-overview-source-value] {
  font: 500 26px/1.15 var(--cv5-mono);
  letter-spacing: -.045em;
}

.cheapai-console.console-v2.console-v5 .cv5-overview [data-overview-source-description] {
  font: 400 11.5px/1.4 var(--cv5-font);
}

.cv5-odometer {
  display: inline-flex;
}

.cv5-odometer-visual {
  align-items: baseline;
  display: inline-flex;
}

.cv5-digit {
  height: 1.15em;
  display: inline-block;
  overflow: hidden;
}

.cv5-digit-track {
  will-change: transform;
  flex-direction: column;
  transition: transform .7s cubic-bezier(.22, 1, .36, 1);
  display: flex;
  transform: translateY(0);
}

.cv5-digit-track b {
  font: inherit;
  flex: none;
  height: 1.15em;
  line-height: 1.15em;
  display: block;
}

.cv5-overview-split {
  border-bottom: 1px solid var(--cv5-line);
  grid-template-columns: 1.45fr .9fr;
  gap: 0;
  display: grid;
}

.cv5-feed-panel {
  border-right: 1px solid var(--cv5-line);
  padding: 22px 28px 28px 0;
}

.cv5-panel-heading, .cv5-checklist > header {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}

.cheapai-console.console-v2.console-v5 :is(.cv5-panel-heading h2, .cv5-checklist h2) {
  font: 550 12px/1.45 var(--cv5-font);
  letter-spacing: .02em;
  margin: 0;
}

.cv5-panel-heading > a, .cv5-checklist > header > span {
  font: 400 11px/1.4 var(--cv5-mono);
  color: var(--cv5-faint);
}

.cv5-feed {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cv5-feed li {
  border-bottom: 1px solid var(--cv5-line);
  font: 400 12px/1.45 var(--cv5-mono);
  grid-template-columns: 52px 1fr auto;
  align-items: baseline;
  gap: 12px;
  padding: 9px 0;
  animation: .45s cubic-bezier(.22, 1, .36, 1) both cv5Feed;
  display: grid;
}

.cv5-feed li:last-child {
  border: 0;
}

.cv5-request-status {
  color: var(--cv5-primary);
  font-size: 10.5px;
}

.cv5-request-status[data-error] {
  color: #d08080;
}

.cv5-request-model {
  min-width: 0;
}

.cv5-request-model strong {
  text-overflow: ellipsis;
  font: inherit;
  color: var(--cv5-fg);
  display: block;
  overflow: hidden;
}

.cv5-request-model small {
  color: var(--cv5-faint);
  margin-top: 2px;
  font-size: 10.5px;
  display: block;
}

.cv5-request-cost {
  text-align: right;
  white-space: nowrap;
}

.cv5-request-cost strong {
  font: inherit;
  color: var(--cv5-fg);
  display: block;
}

.cv5-request-cost time {
  color: var(--cv5-muted);
  font-size: 10.5px;
  display: block;
}

@keyframes cv5Feed {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cv5-feed-empty {
  min-height: 210px;
  color: var(--cv5-muted);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  font-size: 12px;
  display: flex;
}

.cv5-feed-empty strong {
  color: var(--cv5-fg);
  font-weight: 500;
}

.cv5-feed-empty p {
  margin: 0;
}

.cv5-feed-empty a, .cv5-feed-empty button {
  color: var(--cv5-primary);
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 11px;
}

.cv5-checklist {
  padding: 22px 0 28px 28px;
}

.cv5-checklist ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cv5-checklist li {
  border-bottom: 1px solid var(--cv5-line);
  min-height: 40px;
  color: var(--cv5-muted);
  align-items: center;
  gap: 10px;
  padding: 4px 2px;
  font-size: 12.5px;
  display: flex;
}

.cv5-checklist li:last-child {
  border: 0;
}

.cv5-checklist li[data-complete] {
  color: var(--cv5-fg);
}

.cv5-checklist li > div {
  flex: 1;
  min-width: 0;
}

.cv5-checklist li p {
  display: none;
}

.cv5-check-marker {
  border: 1px solid var(--cv5-strong);
  border-radius: 3px;
  flex: none;
  place-items: center;
  width: 14px;
  height: 14px;
  display: grid;
}

.cv5-checklist li[data-complete] .cv5-check-marker {
  border-color: color-mix(in srgb, var(--cv5-primary) 50%, var(--cv5-line));
  background: color-mix(in srgb, var(--cv5-primary) 14%, transparent);
  color: var(--cv5-primary);
}

.cv5-check-action {
  font: 400 11px/1.3 var(--cv5-mono);
  color: var(--cv5-faint);
  white-space: nowrap;
  margin-left: auto;
}

.cv5-checklist li[data-complete] .cv5-check-action {
  color: var(--cv5-primary);
}

.cv5-access-strip {
  border-bottom: 1px solid var(--cv5-line);
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  padding: 22px 0;
  display: grid;
}

.cv5-access-strip h2 {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--cv5-faint);
  font: 500 10.5px/1.4 var(--cv5-font) !important;
  margin: 0 0 8px !important;
}

.cv5-access-row {
  border: 1px solid var(--cv5-line);
  background: var(--cv5-panel);
  font: 400 12px/1.4 var(--cv5-mono);
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  display: flex;
}

.cv5-access-row code {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--cv5-fg);
  font: inherit;
  background: none;
  flex: 1;
  padding: 0;
  overflow: hidden;
}

.cv5-access-row button, .cv5-access-row a {
  border: 1px solid var(--cv5-line);
  color: var(--cv5-muted);
  font: 400 10.5px/1.4 var(--cv5-font);
  cursor: pointer;
  background: none;
  border-radius: 4px;
  flex: none;
  padding: 3px 7px;
}

.cv5-usage-details {
  margin-top: 24px;
}

.cv5-usage-details > summary {
  width: fit-content;
  color: var(--cv5-muted);
  cursor: pointer;
  font-size: 12px;
}

.cv5-usage-details-grid {
  grid-template-columns: 1.4fr 1fr;
  gap: 12px;
  margin-top: 16px;
  display: grid;
}

.cv5-overview-notices {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
  margin-top: 24px;
  display: grid;
}

.cheapai-console.console-v2.console-v5 [data-slot="section-page-frame"] {
  max-width: 1200px;
  padding: 28px 36px;
}

.cheapai-console.console-v2.console-v5 [data-slot="section-page-title"] {
  font: 400 30px/1.1 var(--cv5-display);
  letter-spacing: -.045em;
}

.cheapai-console.console-v2.console-v5 [data-slot="section-page-breadcrumb"] {
  color: var(--cv5-faint);
  font: 400 10px/1.4 var(--cv5-font);
}

.cheapai-console.console-v2.console-v5 [data-slot="console-footer"] {
  background: var(--cv5-bg);
  color: var(--cv5-faint);
  border-color: var(--cv5-line);
  font-size: 9px;
}

@media (max-width: 1100px) {
  .cv5-header-nav > a, .cv5-resources {
    padding: 0 8px;
  }

  .cv5-header-search {
    min-width: 120px;
  }

  .cv5-overview-content {
    padding-inline: 28px;
  }
}

@media (max-width: 900px) {
  .cv5-header-nav > a:nth-child(3), .cv5-header-search kbd {
    display: none;
  }

  .cv5-header-search {
    min-width: 0;
  }

  .cv5-overview-split {
    grid-template-columns: 1fr;
  }

  .cv5-feed-panel {
    border-right: 0;
  }

  .cv5-checklist {
    padding-left: 0;
  }

  .cv5-access-strip {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .cv5-sidebar-trigger {
    display: inline-flex !important;
  }

  .cv5-header-inner {
    gap: 6px;
    padding: 10px 12px;
  }

  .cv5-header-nav, .cv5-header-search span {
    display: none;
  }

  .cv5-header-search {
    padding: 0 8px;
  }

  .cv5-brand > span {
    font-size: 17px;
  }

  .cv5-header .cv5-balance-chip {
    display: none;
  }

  .cv5-overview-content {
    padding: 24px 20px;
  }

  .cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cv5-overview .cv2-kpi:nth-child(2) {
    border-right: 0;
  }

  .cv5-overview .cv2-kpi:nth-child(-n+2) {
    border-bottom: 1px solid var(--cv5-line);
  }

  .cv5-usage-details-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cv5-digit-track, .cv5-feed li {
    animation: none !important;
  }

  .cv5-topframe *, .console-v5 [data-slot="sidebar-menu-button"] {
    transition: none !important;
  }
}

body:has(.cv5-public) {
  --cv5-bg: #0a0a0a;
  --cv5-panel: #131313;
  --cv5-side: #0a0a0a;
  --cv5-raised: #1b1c1a;
  --cv5-line: #292929;
  --cv5-strong: #383e34;
  --cv5-font: "Inter", "Public Sans Variable", "PingFang SC", Arial, sans-serif;
  --cv5-mono: "JetBrains Mono Variable", ui-monospace, monospace;
}

html.light body:has(.cv5-public) {
  --cv5-bg: #fafbf9;
  --cv5-panel: #fff;
  --cv5-side: #fafbf9;
  --cv5-raised: #edf1e9;
  --cv5-line: #dce3d6;
  --cv5-strong: #bccdb0;
}

.cv5-public {
  border-inline: 0;
  max-width: none;
  min-height: 100svh;
  margin-inline: 0;
}

.cv5-public .cv5-topframe {
  z-index: 40;
  position: sticky;
  top: 0;
}

.cv5-public .cheapai-public, .cv5-public .cheapai-public-surface, .cv5-public .cheapai-public > div {
  color: var(--cv5-fg);
  overflow: visible;
  background: none !important;
}

.cv5-catalog .public-page-grid {
  display: none;
}

.cv5-catalog .cv5-catalog-frame {
  background: radial-gradient(ellipse at 35% 0%,
    color-mix(in srgb, var(--cv5-primary) 3%, transparent),
    transparent 45%);
  width: 100%;
  max-width: none;
  font: 400 13px/1.45 var(--cv5-font);
  margin-inline: auto;
  padding: 28px 36px 80px;
}

.cv5-catalog .cv5-catalog-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 20px;
  display: flex;
}

.cv5-catalog .cv5-catalog-heading h1 {
  font: 500 28px/1.15 var(--cv5-display);
  letter-spacing: -.045em;
  color: var(--cv5-fg);
  margin: 0;
}

.cv5-catalog .cv5-catalog-heading h1 span {
  color: var(--cv5-primary);
}

.cv5-catalog .cv5-catalog-heading p {
  max-width: 660px;
  font: 400 12px/1.55 var(--cv5-font);
  color: var(--cv5-muted);
  margin: 7px 0 0;
}

.cv5-catalog-actions {
  flex-shrink: 0;
  align-items: center;
  gap: 16px;
  display: flex;
}

.cv5-quiet-button {
  color: var(--cv5-muted);
  cursor: pointer;
  padding: 7px 4px;
  font-size: 12px;
}

.cv5-quiet-button:disabled {
  opacity: .6;
  cursor: default;
}

.cv5-pill-primary {
  background: var(--cv5-cta);
  color: var(--cv5-ink);
  border-radius: 100px;
  align-items: center;
  gap: 8px;
  padding: 8px 15px;
  font-size: 12px;
  font-weight: 600;
  transition: background .18s, transform .18s;
  display: inline-flex;
}

.cv5-pill-primary:hover {
  background: color-mix(in srgb, var(--cv5-cta) 85%, white);
  transform: translateY(-1px);
}

.cv5-provider-tabs {
  border-bottom: 1px solid var(--cv5-line);
  scrollbar-width: thin;
  gap: 22px;
  display: flex;
  overflow: auto;
}

.cv5-provider-tabs button {
  white-space: nowrap;
  cursor: pointer;
  color: var(--cv5-muted);
  background: none;
  padding: 7px 4px 12px;
  font-size: 12px;
  position: relative;
}

.cv5-provider-tabs button[aria-pressed="true"] {
  color: var(--cv5-fg);
}

.cv5-provider-tabs button[aria-pressed="true"]:after {
  content: "";
  background: var(--cv5-primary);
  border-radius: 2px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.cv5-provider-tabs button span {
  font: 10px var(--cv5-mono);
  color: var(--cv5-muted);
  margin-left: 4px;
}

.cv5-catalog-filters {
  border-bottom: 1px solid var(--cv5-line);
  padding: 24px 0 13px;
}

.cv5-filter-toolbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.cv5-model-search {
  background: var(--cv5-raised);
  border: 1px solid var(--cv5-line);
  min-width: 240px;
  max-width: 360px;
  height: 34px;
  color: var(--cv5-muted);
  border-radius: 9px;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  display: flex;
}

.cv5-model-search input {
  width: 100%;
  min-width: 0;
  font: 12px var(--cv5-font);
  color: var(--cv5-fg);
  background: none;
  outline: 0;
}

.cv5-model-search input::placeholder {
  color: var(--cv5-muted);
}

.cv5-model-search:focus-within {
  border-color: var(--cv5-primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--cv5-primary) 12%, transparent);
}

.cv5-filter-toolbar select, .cv5-more-filters summary {
  border: 1px solid var(--cv5-line);
  background: var(--cv5-raised);
  max-width: 190px;
  height: 32px;
  color: var(--cv5-muted);
  font: 11px var(--cv5-font);
  cursor: pointer;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  border-radius: 18px;
  padding: 0 12px;
}

html.light .cv5-filter-toolbar select {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

.cv5-more-filters {
  position: relative;
}

.cv5-more-filters summary {
  align-items: center;
  gap: 6px;
  list-style: none;
  display: flex;
}

.cv5-more-filters summary::-webkit-details-marker {
  display: none;
}

.cv5-more-filters[open] summary {
  border-color: var(--cv5-strong);
  color: var(--cv5-fg);
}

.cv5-more-filters > div {
  border: 1px solid var(--cv5-strong);
  background: var(--cv5-panel);
  z-index: 20;
  border-radius: 12px;
  gap: 13px;
  width: 250px;
  padding: 16px;
  display: grid;
  position: absolute;
  top: 40px;
  right: 0;
  box-shadow: 0 15px 45px #0004;
}

.cv5-more-filters label {
  color: var(--cv5-muted);
  gap: 6px;
  font-size: 11px;
  display: grid;
}

.cv5-more-filters label select {
  border-radius: 7px;
  width: 100%;
  max-width: none;
}

.cv5-more-filters button {
  color: var(--cv5-primary);
  text-align: left;
  cursor: pointer;
  font-size: 12px;
}

.cv5-route-pills {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 9px;
  display: flex;
}

.cv5-route-pills > span {
  color: var(--cv5-muted);
  font: 10px var(--cv5-mono);
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-right: 4px;
}

.cv5-route-pills button {
  border: 1px solid var(--cv5-line);
  color: var(--cv5-muted);
  cursor: pointer;
  border-radius: 100px;
  padding: 6px 10px;
  font-size: 11px;
  transition: background .2s, border-color .2s;
}

.cv5-route-pills button[aria-pressed="true"] {
  background: color-mix(in srgb, var(--cv5-primary) 9%, transparent);
  border-color: color-mix(in srgb, var(--cv5-primary) 40%, var(--cv5-line));
  color: var(--cv5-primary);
}

.cv5-catalog-meta {
  color: var(--cv5-muted);
  flex-wrap: wrap;
  gap: 0;
  margin: 10px 0 0;
  font-size: 10px;
  display: flex;
}

.cv5-catalog-meta span + span:before {
  content: "·";
  color: var(--cv5-faint);
  margin-inline: 12px;
}

.cv5-model-list {
  gap: 8px;
  margin-top: 12px;
  display: grid;
}

.cv5-model-row {
  background: var(--cv5-panel);
  border: 1px solid var(--cv5-line);
  border-radius: 13px;
  transition: border-color .2s, background .2s;
  overflow: hidden;
}

.cv5-model-row:hover {
  border-color: var(--cv5-strong);
  background: color-mix(in srgb, var(--cv5-panel) 97%, var(--cv5-primary));
}

.cv5-model-row[data-expanded] {
  border-color: var(--cv5-strong);
}

.cv5-model-summary {
  grid-template-columns: 26px minmax(190px, 1fr) 16% 7% minmax(190px, 24%) auto 28px;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  padding: 10px 14px;
  display: grid;
}

.cv5-compare-check {
  place-items: center;
  display: grid;
}

.cv5-compare-check input {
  appearance: none;
  border: 1px solid var(--cv5-strong);
  cursor: pointer;
  background: none;
  border-radius: 4px;
  width: 16px;
  height: 16px;
}

.cv5-compare-check input:checked {
  background: var(--cv5-primary);
  border-color: var(--cv5-primary);
  box-shadow: inset 0 0 0 3px var(--cv5-panel);
}

.cv5-compare-check input:disabled {
  opacity: .3;
  cursor: default;
}

.cv5-model-name {
  text-align: left;
  cursor: pointer;
  gap: 2px;
  min-width: 0;
  display: grid;
}

.cv5-model-name strong {
  font: 400 12px/1.6 var(--cv5-mono);
  letter-spacing: -.025em;
  color: var(--cv5-fg);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cv5-model-name > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--cv5-muted);
  font-size: 11px;
  overflow: hidden;
}

.cv5-model-provider {
  color: var(--cv5-muted);
  align-items: center;
  gap: 6px;
  font-size: 11px;
  display: flex;
}

.cv5-model-provider i {
  background: var(--cv5-primary);
  opacity: .8;
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
}

.cv5-model-context {
  color: var(--cv5-muted);
  font: 11px var(--cv5-mono);
}

.cv5-model-price {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.cv5-model-price strong {
  font: 11px var(--cv5-mono);
  color: var(--cv5-fg);
  font-weight: 400;
}

.cv5-model-price small {
  letter-spacing: .03em;
  color: var(--cv5-muted);
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 9px;
  overflow: hidden;
}

.cv5-route-count {
  border: 1px solid var(--cv5-line);
  white-space: nowrap;
  color: var(--cv5-muted);
  border-radius: 99px;
  padding: 3px 8px;
  font-size: 10px;
}

.cv5-row-chevron {
  border: 1px solid var(--cv5-line);
  cursor: pointer;
  width: 28px;
  height: 28px;
  color: var(--cv5-muted);
  border-radius: 6px;
  place-items: center;
  display: grid;
}

.cv5-row-chevron svg {
  transition: transform .24s;
}

.cv5-row-chevron[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.cv5-route-disclosure {
  border-top: 1px solid var(--cv5-line);
  background: var(--cv5-bg);
  padding: 18px 20px;
}

.cv5-route-disclosure[hidden] {
  display: none;
}

.cv5-catalog .public-pricing-catalog-route-price-intro {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  display: flex;
}

.cv5-catalog .public-pricing-catalog-route-price-intro-copy {
  gap: 5px;
  display: grid;
}

.cv5-catalog .public-pricing-catalog-route-price-intro-copy > strong {
  font-size: 12px;
  font-weight: 500;
}

.cv5-catalog .public-pricing-catalog-route-price-legend {
  color: var(--cv5-muted);
  gap: 10px;
  font-size: 10px;
  display: flex;
}

.cv5-catalog .public-pricing-catalog-route-price-list {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  display: grid;
}

.cv5-catalog .public-pricing-catalog-route-price {
  border: 1px solid var(--cv5-line);
  background: var(--cv5-panel);
  border-radius: 9px;
  min-width: 0;
  padding: 15px;
}

.cv5-catalog .public-pricing-catalog-route-price-heading {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.cv5-catalog .public-pricing-catalog-route-price-name {
  font-size: 12px;
  font-weight: 600;
}

.cv5-catalog .public-pricing-catalog-route-price-badges {
  font: 10px var(--cv5-mono);
  color: var(--cv5-primary);
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  display: flex;
}

.cv5-catalog .public-pricing-catalog-route-price-description {
  color: var(--cv5-muted);
  margin: 8px 0;
  font-size: 11px;
  line-height: 1.5;
}

.cv5-catalog .public-pricing-catalog-route-price-values {
  gap: 7px;
  margin-top: 12px;
  display: grid;
}

.cv5-catalog .public-pricing-catalog-route-price-metric {
  color: var(--cv5-muted);
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  font-size: 10px;
  display: flex;
}

.cv5-catalog .public-pricing-catalog-route-price-metric-values {
  text-align: right;
  align-items: baseline;
  gap: 5px;
  display: flex;
}

.cv5-catalog .public-pricing-catalog-route-price-metric-values strong {
  font: 11px var(--cv5-mono);
  color: var(--cv5-fg);
}

.cv5-catalog .public-pricing-catalog-route-price-metric-values del {
  font: 9px var(--cv5-mono);
  color: var(--cv5-faint);
}

.cv5-catalog .public-pricing-catalog-route-price-percent {
  color: var(--cv5-primary);
  margin-top: 12px;
  font-size: 10px;
  display: block;
}

.cv5-row-detail-actions {
  border-top: 1px solid var(--cv5-line);
  justify-content: flex-end;
  margin-top: 16px;
  padding-top: 12px;
  display: flex;
}

.cv5-row-detail-actions button, .cv5-compare-grid section > button {
  color: var(--cv5-primary);
  cursor: pointer;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  display: flex;
}

.cv5-pagination {
  color: var(--cv5-muted);
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding-top: 16px;
  font-size: 11px;
  display: flex;
}

.cv5-pagination button {
  border: 1px solid var(--cv5-line);
  cursor: pointer;
  border-radius: 6px;
  padding: 6px 12px;
}

.cv5-pagination button:disabled {
  opacity: .4;
  cursor: default;
}

.cv5-catalog-empty {
  border: 1px dashed var(--cv5-line);
  min-height: 310px;
  color: var(--cv5-muted);
  text-align: center;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  display: flex;
}

.cv5-catalog-empty h2 {
  font: 500 16px var(--cv5-font);
  color: var(--cv5-fg);
  margin: 5px 0 0;
}

.cv5-catalog-empty p {
  margin: 0;
  font-size: 12px;
}

.cv5-catalog-empty button {
  border: 1px solid var(--cv5-strong);
  color: var(--cv5-primary);
  cursor: pointer;
  border-radius: 7px;
  margin-top: 7px;
  padding: 7px 12px;
}

.cv5-compare-dialog {
  font-family: var(--cv5-font);
}

.cv5-compare-grid {
  gap: 14px;
  display: grid;
  overflow: auto;
}

.cv5-compare-grid section {
  border: 1px solid var(--cv5-line);
  border-radius: 9px;
  min-width: 0;
  padding: 16px;
}

.cv5-compare-title {
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.cv5-compare-title h3 {
  font: 500 12px var(--cv5-mono);
  overflow-wrap: anywhere;
  margin: 0;
}

.cv5-compare-title button {
  cursor: pointer;
  color: var(--cv5-muted);
}

.cv5-compare-grid p {
  color: var(--cv5-muted);
  margin-top: 6px;
  font-size: 11px;
}

.cv5-compare-grid dl {
  gap: 7px;
  margin: 20px 0;
  display: grid;
}

.cv5-compare-grid dt {
  color: var(--cv5-muted);
  font-size: 10px;
}

.cv5-compare-grid dd {
  font: 11px/1.7 var(--cv5-mono);
  overflow-wrap: anywhere;
  margin: 0 0 10px;
}

.console-v5 [data-slot="sidebar-menu-button"]:has(.cv5-sidebar-glider) {
  background: none !important;
}

.console-v5 .cv5-sidebar-glider {
  background: color-mix(in srgb, var(--cv5-primary) 9%, transparent);
  border: 1px solid color-mix(in srgb, var(--cv5-primary) 14%, transparent);
  pointer-events: none;
  border-radius: 7px;
  position: absolute;
  inset: 0;
}

.console-v5 [data-slot="sidebar-menu-button"] > :not(.cv5-sidebar-glider) {
  z-index: 1;
  position: relative;
}

.cv5-checklist .cv2-checklist-body {
  box-shadow: none;
  background: none;
  border: 0;
  padding: 0;
}

@keyframes cv5-route-open {
  from {
    opacity: .2;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 1100px) {
  .cv5-model-summary {
    grid-template-columns: 20px minmax(160px, 1fr) 12% minmax(160px, 26%) auto 28px;
    gap: 10px;
  }

  .cv5-model-context {
    display: none;
  }

  .cv5-catalog-heading {
    flex-wrap: wrap;
  }
}

@media (max-width: 760px) {
  .cv5-catalog .cv5-catalog-frame {
    padding: 24px 18px 50px;
  }

  .cv5-model-summary {
    grid-template-columns: 20px minmax(140px, 1fr) minmax(110px, 30%) 28px;
    gap: 8px;
  }

  .cv5-model-provider, .cv5-route-count {
    display: none;
  }

  .cv5-model-price strong {
    font-size: 10px;
  }

  .cv5-model-price small {
    white-space: normal;
    font-size: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cv5-catalog *, .console-v5 .cv5-sidebar-glider {
    transition: none !important;
    animation: none !important;
  }
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpis .cv2-kpi {
  border: 0 !important;
  border-right: 1px solid var(--cv5-line) !important;
  background: none !important;
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpis .cv2-kpi:last-child {
  border-right: 0 !important;
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpis [data-overview-metric] > div:first-child > span:before, .cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpis [data-overview-source-title]:before {
  display: none !important;
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpis [data-overview-source-title] {
  justify-content: flex-start;
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpis [data-overview-source-title] h3 {
  font: 500 11px/1.4 var(--cv5-font);
  text-transform: uppercase;
  color: var(--cv5-faint);
  letter-spacing: .04em;
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpis [data-overview-primary-source] {
  box-shadow: none;
  background: none;
  border: 0;
  padding: 0;
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpis [data-overview-source-main] {
  display: block;
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpis [data-overview-source-copy] {
  gap: 0;
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpis [data-overview-source-value] {
  margin-top: 12px;
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpis [data-overview-secondary-source] {
  margin-top: 10px;
  padding: 0;
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpis [data-overview-secondary-label] {
  color: var(--cv5-muted);
  font: 11.5px var(--cv5-font);
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpis [data-overview-metric] > div:first-child:before {
  display: none !important;
}

.cheapai-console.console-v2.console-v5 .cv5-overview .cv2-kpis [data-overview-metric] > div:first-child > span {
  font: 500 11px/1.4 var(--cv5-font);
  color: var(--cv5-faint);
}

.cv5-catalog-loading {
  gap: 10px;
  display: grid;
}

.cv5-loading-heading {
  background: var(--cv5-raised);
  border-radius: 6px;
  width: 280px;
  height: 34px;
  margin-bottom: 18px;
}

.cv5-loading-tabs {
  border-block: 1px solid var(--cv5-line);
  height: 50px;
  margin-bottom: 65px;
}

.cv5-loading-row {
  background: var(--cv5-panel);
  border: 1px solid var(--cv5-line);
  border-radius: 12px;
  height: 64px;
}

.console-v5:has([data-state="collapsed"]) .cv5-sidebar-trigger {
  display: inline-flex;
}

.cv5-catalog select:focus-visible, .cv5-catalog button:focus-visible, .console-v5 a:focus-visible, .cv5-catalog a:focus-visible {
  outline: 2px solid var(--cv5-primary);
  outline-offset: 3px;
}

.console-v5 [data-nav-glider] [data-slot="sidebar-menu-button"][data-active]:not([data-active="false"]) {
  background: none !important;
}

.cv5-disclosure-motion {
  overflow: hidden;
}

.cv5-usage-toggle {
  text-align: left;
  width: 100%;
  color: var(--cv5-muted);
  font: 400 12px var(--cv5-font);
  cursor: pointer;
  align-items: center;
  gap: 7px;
  padding: 14px 0;
  display: flex;
}

.cv5-usage-toggle:hover {
  color: var(--cv5-fg);
}

.cv5-usage-toggle svg {
  transition: transform .28s cubic-bezier(.22, 1, .36, 1);
}

.cv5-usage-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.cv5-usage-toggle:focus-visible {
  outline: 2px solid var(--cv5-primary);
  outline-offset: 3px;
}

.cv5-catalog .cv5-provider-glider {
  background: var(--cv5-primary);
  border-radius: 2px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.cv5-catalog .cv5-provider-tabs button[aria-pressed="true"]:after {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .cv5-usage-toggle svg {
    transition: none;
  }
}

.cheapai-console.console-v2.console-v5 .cv5-glider-list {
  position: relative;
  gap: 0 !important;
  display: block !important;
}

.cheapai-console.console-v2.console-v5 .cv5-glider-list > .cv5-sidebar-glider {
  height: 36px;
  box-shadow: none;
  background: color-mix(in srgb, var(--cv5-primary) 10%, #121412);
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  will-change: transform;
  border: 0;
  border-radius: 8px;
  margin: 0;
  padding: 0;
  transition: transform .28s cubic-bezier(.22, 1, .36, 1), height .2s, opacity .2s;
  position: absolute;
  inset: 0 0 auto;
  transform: translateY(0);
}

.cheapai-console.console-v2.console-v5 .cv5-glider-list > .cv5-sidebar-glider[data-visible="true"] {
  opacity: 1;
}

.cheapai-console.console-v2.console-v5 .cv5-glider-list [data-slot="sidebar-menu-button"] {
  z-index: 1;
  transition: color .16s;
  position: relative;
  background: none !important;
}

.cv5-header-nav > a, .cv5-resources {
  transition: color .14s, background .14s;
}

.cv5-resources > svg {
  transition: transform .16s;
}

.cv5-resources[aria-expanded="true"] > svg {
  transform: rotate(180deg);
}

.cv5-feed-empty-enter {
  animation: .45s cubic-bezier(.22, 1, .36, 1) forwards cv5Feed;
}

@media (prefers-reduced-motion: reduce) {
  .console-v5 .cv5-glider-list > .cv5-sidebar-glider, .console-v5 .cv5-digit-track {
    transition: none !important;
  }

  .console-v5 .cv5-digit-track {
    transform: translateY(calc(var(--cv5-digit) * -1.15em)) !important;
  }

  .cv5-feed-empty-enter {
    animation: none;
  }
}

.cheapai-console.console-v2.console-v5 [data-nav-glider="true"] .cv5-glider-list [data-slot="sidebar-menu-button"][data-active]:not([data-active="false"]) {
  color: var(--cv5-fg);
  font-weight: 550;
  background: color-mix(in srgb, var(--cv5-primary) 10%, #121412) !important;
}

.cheapai-console.console-v2.console-v5 .cv5-glider-list > .cv5-sidebar-glider {
  background: color-mix(in srgb, var(--cv5-fg) 5%, var(--cv5-side));
}

html.light .cheapai-console.console-v2.console-v5 [data-nav-glider="true"] .cv5-glider-list [data-slot="sidebar-menu-button"][data-active]:not([data-active="false"]) {
  background: color-mix(in srgb,
    var(--cv5-primary) 10%,
    var(--cv5-side)) !important;
}

@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-divide-x-reverse: 0;
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: var(--font-brand);
    --font-serif: "Lora Variable", "Lora", "Source Serif Pro", "Source Serif 4",
    "Noto Serif SC", "Noto Serif TC", "Noto Serif JP", "Noto Serif KR",
    "Source Han Serif SC", "Source Han Serif TC", "Source Han Serif",
    "Songti SC", "STSong", "STSongti-SC-Regular", "PingFang SC", "SimSun",
    "NSimSun", "宋体", "FangSong", "仿宋", "KaiTi", "楷体", Georgia,
    "Times New Roman", Cambria, "Liberation Serif", serif;
    --font-mono: "JetBrains Mono Variable", "JetBrains Mono", "SFMono-Regular", Menlo,
    Monaco, Consolas, "Liberation Mono", monospace;
    --color-red-50: #fef2f2;
    --color-red-100: #ffe2e2;
    --color-red-200: #ffcaca;
    --color-red-400: #ff6568;
    --color-red-500: #fb2c36;
    --color-red-600: #e40014;
    --color-red-700: #bf000f;
    --color-red-800: #9f0712;
    --color-red-900: #82181a;
    --color-red-950: #460809;
    --color-orange-100: #ffedd5;
    --color-orange-300: #ffb96d;
    --color-orange-400: #ff8b1a;
    --color-orange-500: #fe6e00;
    --color-orange-600: #f05100;
    --color-orange-700: #c53c00;
    --color-amber-50: #fffbeb;
    --color-amber-100: #fef3c6;
    --color-amber-200: #fee685;
    --color-amber-300: #ffd236;
    --color-amber-400: #fcbb00;
    --color-amber-500: #f99c00;
    --color-amber-600: #dd7400;
    --color-amber-700: #b75000;
    --color-amber-800: #953d00;
    --color-amber-900: #7b3306;
    --color-amber-950: #461901;
    --color-yellow-400: #fac800;
    --color-yellow-500: #edb200;
    --color-lime-500: #80cd00;
    --color-green-50: #f0fdf4;
    --color-green-100: #dcfce7;
    --color-green-200: #b9f8cf;
    --color-green-400: #05df72;
    --color-green-500: #00c758;
    --color-green-600: #00a544;
    --color-green-700: #008138;
    --color-green-950: #032e15;
    --color-emerald-50: #ecfdf5;
    --color-emerald-100: #d0fae5;
    --color-emerald-200: #a4f4cf;
    --color-emerald-300: #5ee9b5;
    --color-emerald-400: #00d294;
    --color-emerald-500: #00bb7f;
    --color-emerald-600: #009767;
    --color-emerald-700: #007956;
    --color-teal-200: #96f7e4;
    --color-teal-300: #46ecd5;
    --color-teal-400: #00d3bd;
    --color-teal-500: #00baa7;
    --color-cyan-400: #00d2ef;
    --color-cyan-500: #00b7d7;
    --color-cyan-600: #0092b5;
    --color-sky-400: #00bcfe;
    --color-sky-600: #0084cc;
    --color-blue-100: #dbeafe;
    --color-blue-300: #90c5ff;
    --color-blue-400: #54a2ff;
    --color-blue-500: #3080ff;
    --color-blue-600: #155dfc;
    --color-blue-700: #1447e6;
    --color-indigo-500: #625fff;
    --color-violet-400: #a685ff;
    --color-violet-500: #8d54ff;
    --color-violet-600: #7f22fe;
    --color-purple-500: #ac4bff;
    --color-pink-500: #f6339a;
    --color-rose-50: #fff1f2;
    --color-rose-100: #ffe4e6;
    --color-rose-200: #ffccd3;
    --color-rose-300: #ffa2ae;
    --color-rose-400: #ff667f;
    --color-rose-500: #ff2357;
    --color-rose-600: #e70044;
    --color-rose-700: #c20039;
    --color-rose-950: #4d0218;
    --color-slate-100: #f1f5f9;
    --color-slate-300: #cad5e2;
    --color-slate-500: #62748e;
    --color-slate-700: #314158;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --radius-sm: calc(var(--radius) * .6);
    --radius-md: calc(var(--radius) * .8);
    --radius-lg: var(--radius);
    --radius-xl: calc(var(--radius) * 1.4);
    --radius-2xl: calc(var(--radius) * 1.8);
    --radius-3xl: calc(var(--radius) * 2.2);
    --radius-4xl: calc(var(--radius) * 2.6);
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-brand);
    --default-mono-font-family: "JetBrains Mono Variable", "JetBrains Mono", "SFMono-Regular", Menlo,
    Monaco, Consolas, "Liberation Mono", monospace;
    --font-brand: "TWK Lausanne", "Public Sans Variable", "Public Sans", "PingFang SC",
    "PingFang TC", "Hiragino Sans GB", "Hiragino Kaku Gothic ProN",
    "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans CJK JP",
    "Noto Sans CJK KR", "Noto Sans SC", ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-ui: "Public Sans Variable", "Public Sans", "TWK Lausanne", "PingFang SC",
    "PingFang TC", "Hiragino Sans GB", "Hiragino Kaku Gothic ProN",
    "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans CJK JP",
    "Noto Sans CJK KR", "Noto Sans SC", ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-inter: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --font-manrope: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --color-card: var(--card);
    --color-card-foreground: var(--card-foreground);
    --color-popover: var(--popover);
    --color-popover-foreground: var(--popover-foreground);
    --color-primary: var(--primary);
    --color-primary-foreground: var(--primary-foreground);
    --color-secondary: var(--secondary);
    --color-secondary-foreground: var(--secondary-foreground);
    --color-muted: var(--muted);
    --color-muted-foreground: var(--muted-foreground);
    --color-accent: var(--accent);
    --color-accent-foreground: var(--accent-foreground);
    --color-destructive: var(--destructive);
    --color-destructive-foreground: var(--destructive-foreground);
    --color-success: var(--success);
    --color-success-foreground: var(--success-foreground);
    --color-warning: var(--warning);
    --color-warning-foreground: var(--warning-foreground);
    --color-info: var(--info);
    --color-info-foreground: var(--info-foreground);
    --color-trust: var(--trust);
    --color-trust-foreground: var(--trust-foreground);
    --color-trust-surface: var(--trust-surface);
    --color-trust-surface-foreground: var(--trust-surface-foreground);
    --color-reward: var(--reward);
    --color-support-customer-new: var(--support-customer-new);
    --color-support-customer-starter: var(--support-customer-starter);
    --color-support-customer-growth: var(--support-customer-growth);
    --color-support-customer-premium: var(--support-customer-premium);
    --color-support-customer-vip: var(--support-customer-vip);
    --color-neutral: var(--neutral);
    --color-neutral-foreground: var(--neutral-foreground);
    --color-border: var(--border);
    --color-input: var(--input);
    --color-ring: var(--ring);
    --color-chart-1: var(--chart-1);
    --color-chart-2: var(--chart-2);
    --color-chart-3: var(--chart-3);
    --color-chart-4: var(--chart-4);
    --color-chart-5: var(--chart-5);
    --color-sidebar: var(--sidebar);
    --color-sidebar-foreground: var(--sidebar-foreground);
    --color-sidebar-primary: var(--sidebar-primary);
    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
    --color-sidebar-accent: var(--sidebar-accent);
    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
    --color-sidebar-border: var(--sidebar-border);
    --color-sidebar-ring: var(--sidebar-ring);
    --color-surface: var(--surface);
    --color-surface-foreground: var(--surface-foreground);
    --color-brand-signal: var(--brand-signal);
    --color-brand-signal-foreground: var(--brand-signal-foreground);
    --color-brand-signal-banner: var(--brand-signal-banner);
    --color-brand-signal-banner-foreground: var(--brand-signal-banner-foreground);
    --color-overlay: var(--overlay);
    --color-surface-subtle: var(--foreground);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-50: lab(96.5005% 4.18508 1.52328);
      --color-red-100: lab(92.243% 10.2865 3.83865);
      --color-red-200: lab(86.017% 19.8815 7.75869);
      --color-red-400: lab(63.7053% 60.745 31.3109);
      --color-red-500: lab(55.4814% 75.0732 48.8528);
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-red-700: lab(40.4273% 67.2623 53.7441);
      --color-red-800: lab(33.7174% 55.8993 41.0293);
      --color-red-900: lab(28.5139% 44.5539 29.0463);
      --color-red-950: lab(13.003% 29.04 16.7519);
      --color-orange-100: lab(94.7127% 3.58394 14.3151);
      --color-orange-300: lab(80.8059% 21.7313 50.4455);
      --color-orange-400: lab(70.0429% 42.5156 75.8207);
      --color-orange-500: lab(64.272% 57.1788 90.3583);
      --color-orange-600: lab(57.1026% 64.2584 89.8886);
      --color-orange-700: lab(46.4615% 57.7275 70.8507);
      --color-amber-50: lab(98.6252% -.635922 8.42309);
      --color-amber-100: lab(95.916% -1.21653 23.111);
      --color-amber-200: lab(91.7203% -.505269 49.9084);
      --color-amber-300: lab(86.4156% 6.13147 78.3961);
      --color-amber-400: lab(80.1641% 16.6016 99.2089);
      --color-amber-500: lab(72.7183% 31.8672 97.9407);
      --color-amber-600: lab(60.3514% 40.5624 87.1228);
      --color-amber-700: lab(47.2709% 42.9082 69.2966);
      --color-amber-800: lab(37.8822% 37.1699 52.2718);
      --color-amber-900: lab(31.2288% 30.2627 40.0378);
      --color-amber-950: lab(15.8111% 20.9107 23.3752);
      --color-yellow-400: lab(83.2664% 8.65132 106.895);
      --color-yellow-500: lab(76.3898% 14.5258 98.4589);
      --color-lime-500: lab(75.3197% -46.6547 86.1778);
      --color-green-50: lab(98.1563% -5.60117 2.75915);
      --color-green-100: lab(96.1861% -13.8464 6.52365);
      --color-green-200: lab(92.4222% -26.4702 12.9427);
      --color-green-400: lab(78.503% -64.9265 39.7492);
      --color-green-500: lab(70.5521% -66.5147 45.8073);
      --color-green-600: lab(59.0978% -58.6621 41.2579);
      --color-green-700: lab(47.0329% -47.0239 31.4788);
      --color-green-950: lab(15.6845% -20.4225 11.7249);
      --color-emerald-50: lab(97.8462% -6.94966 1.85487);
      --color-emerald-100: lab(94.9004% -17.0769 5.63836);
      --color-emerald-200: lab(90.2247% -31.039 9.47084);
      --color-emerald-300: lab(83.9203% -48.7124 13.8849);
      --color-emerald-400: lab(75.0771% -60.7313 19.4147);
      --color-emerald-500: lab(66.9756% -58.27 19.5419);
      --color-emerald-600: lab(55.0481% -49.9246 15.93);
      --color-emerald-700: lab(44.4871% -41.0396 11.0361);
      --color-teal-200: lab(90.7612% -33.1343 -.542295);
      --color-teal-300: lab(84.8977% -48.1516 -1.3321);
      --color-teal-400: lab(76.0109% -53.3483 -2.27906);
      --color-teal-500: lab(67.3859% -49.0983 -2.63511);
      --color-cyan-400: lab(76.6045% -40.9406 -29.6231);
      --color-cyan-500: lab(67.805% -35.3952 -30.2018);
      --color-cyan-600: lab(55.1767% -26.7496 -30.5139);
      --color-sky-400: lab(70.687% -23.6078 -45.9483);
      --color-sky-600: lab(51.7754% -11.4712 -49.8349);
      --color-blue-100: lab(92.0301% -2.24757 -11.6453);
      --color-blue-300: lab(77.5052% -6.4629 -36.42);
      --color-blue-400: lab(65.0361% -1.42065 -56.9802);
      --color-blue-500: lab(54.1736% 13.3369 -74.6839);
      --color-blue-600: lab(44.0605% 29.0279 -86.0352);
      --color-blue-700: lab(36.9089% 35.0961 -85.6872);
      --color-indigo-500: lab(48.295% 38.3129 -81.9673);
      --color-violet-400: lab(62.8239% 34.9159 -60.0512);
      --color-violet-500: lab(49.9355% 55.1776 -81.8963);
      --color-violet-600: lab(41.088% 68.9966 -91.995);
      --color-purple-500: lab(52.0183% 66.11 -78.2316);
      --color-pink-500: lab(56.9303% 76.8162 -8.07021);
      --color-rose-50: lab(96.2369% 4.94155 1.28011);
      --color-rose-100: lab(92.8221% 9.86832 2.60075);
      --color-rose-200: lab(86.806% 19.1909 4.07754);
      --color-rose-300: lab(76.6339% 38.3549 9.68835);
      --color-rose-400: lab(64.4125% 63.0291 19.2068);
      --color-rose-500: lab(56.101% 79.4328 31.4532);
      --color-rose-600: lab(49.1882% 81.577 36.0311);
      --color-rose-700: lab(41.1651% 71.6251 30.3087);
      --color-rose-950: lab(14.2323% 34.0086 9.80922);
      --color-slate-100: lab(96.286% -.852436 -2.46847);
      --color-slate-300: lab(84.7652% -1.94535 -7.93337);
      --color-slate-500: lab(48.0876% -2.03595 -16.5814);
      --color-slate-700: lab(26.9569% -1.47016 -15.6993);
    }
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-surface-subtle: color-mix(in srgb,
    var(--foreground) var(--surface-subtle-mix, 3%),
    var(--muted));
    }
  }

  :root, :host {
    --color-surface-subtle-foreground: var(--muted-foreground);
    --color-destructive-surface: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-destructive-surface: color-mix(in srgb,
    var(--destructive) var(--status-surface-mix, 10%),
    var(--card));
    }
  }

  :root, :host {
    --color-success-surface: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-success-surface: color-mix(in srgb,
    var(--success) var(--status-surface-mix, 10%),
    var(--card));
    }
  }

  :root, :host {
    --color-warning-surface: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-warning-surface: color-mix(in srgb,
    var(--warning) var(--status-surface-mix, 10%),
    var(--card));
    }
  }

  :root, :host {
    --color-info-surface: var(--info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-info-surface: color-mix(in srgb,
    var(--info) var(--status-surface-mix, 10%),
    var(--card));
    }
  }

  :root, :host {
    --color-destructive-subtle: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-destructive-subtle: color-mix(in srgb,
    var(--destructive) var(--status-subtle-mix, 5%),
    var(--card));
    }
  }

  :root, :host {
    --color-info-subtle: var(--info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :root, :host {
      --color-info-subtle: color-mix(in srgb,
    var(--info) var(--status-subtle-mix, 5%),
    var(--card));
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  * {
    border-color: var(--border);
    outline-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    * {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  * {
    scrollbar-width: thin;
    scrollbar-color: var(--border) transparent;
  }

  html {
    font-family: var(--font-brand);
    scrollbar-gutter: stable;
    overflow-x: hidden;
  }

  body {
    background-color: var(--background);
    width: 100%;
    min-height: 100svh;
    color: var(--foreground);
  }

  body:has(:is(div[data-variant="inset"])) {
    background-color: var(--sidebar);
  }

  body {
    font-family: var(--font-body);
  }

  body[data-scroll-locked] {
    overflow: unset !important;
  }

  button:not(:disabled), [role="button"]:not(:disabled) {
    cursor: pointer;
  }

  @media screen and (max-width: 767px) {
    input, select, textarea {
      font-size: 16px !important;
    }
  }
}

@layer components {
  .mf-overlay-backdrop-motion {
    transition: opacity var(--motion-overlay-backdrop) var(--motion-ease-enter);
  }

  .mf-overlay-backdrop-motion:is([data-starting-style], [data-ending-style]) {
    opacity: 0;
  }

  .mf-overlay-backdrop-motion[data-ending-style] {
    transition-duration: var(--motion-overlay-dialog-exit);
    transition-timing-function: var(--motion-ease-exit);
  }

  .mf-overlay-dialog-motion {
    transform-origin: center;
    transition: opacity var(--motion-overlay-dialog-enter) var(--motion-ease-enter),
      transform var(--motion-overlay-dialog-enter) var(--motion-ease-enter);
  }

  .mf-overlay-dialog-motion[data-starting-style] {
    opacity: 0;
    transform: translate3d(0, 6px, 0) scale(.98);
  }

  .mf-overlay-dialog-motion[data-ending-style] {
    opacity: 0;
    transition-duration: var(--motion-overlay-dialog-exit);
    transition-timing-function: var(--motion-ease-exit);
    transform: translate3d(0, 3px, 0) scale(.985);
  }

  .mf-overlay-sheet-motion {
    transition: opacity var(--motion-overlay-sheet-enter) var(--motion-ease-enter),
      translate var(--motion-overlay-sheet-enter) var(--motion-ease-enter);
  }

  .mf-overlay-sheet-motion:is([data-starting-style], [data-ending-style]) {
    opacity: 0;
  }

  .mf-overlay-sheet-motion[data-ending-style] {
    transition-duration: var(--motion-overlay-sheet-exit);
    transition-timing-function: var(--motion-ease-exit);
  }

  .mf-overlay-popup-motion {
    --mf-overlay-motion-x: 0px;
    --mf-overlay-motion-y: 0px;
    transform-origin: var(--transform-origin);
    transition: opacity var(--motion-overlay-popup) var(--motion-ease-enter),
      transform var(--motion-overlay-popup) var(--motion-ease-enter);
  }

  .mf-overlay-popup-motion[data-side="bottom"] {
    --mf-overlay-motion-y: -4px;
  }

  .mf-overlay-popup-motion[data-side="top"] {
    --mf-overlay-motion-y: 4px;
  }

  .mf-overlay-popup-motion:is([data-side="right"], [data-side="inline-end"]) {
    --mf-overlay-motion-x: -4px;
  }

  .mf-overlay-popup-motion:is([data-side="left"], [data-side="inline-start"]) {
    --mf-overlay-motion-x: 4px;
  }

  .mf-overlay-popup-motion:is([data-starting-style], [data-ending-style]) {
    opacity: 0;
    transform: translate3d(var(--mf-overlay-motion-x),
        var(--mf-overlay-motion-y),
        0)
      scale(.985);
  }

  .mf-overlay-popup-motion[data-ending-style] {
    transition-duration: .11s;
    transition-timing-function: var(--motion-ease-exit);
  }

  .mf-overlay-popup-motion[data-align-trigger="true"]:is([data-starting-style], [data-ending-style]) {
    transform: none;
  }

  .mf-overlay-popup-motion[data-instant] {
    transition-duration: 0s;
  }

  .dark .shiki span {
    color: var(--shiki-dark) !important;
    font-style: var(--shiki-dark-font-style) !important;
    font-weight: var(--shiki-dark-font-weight) !important;
    -webkit-text-decoration: var(--shiki-dark-text-decoration) !important;
    text-decoration: var(--shiki-dark-text-decoration) !important;
  }
}

@layer utilities {
  .\@container\/card-header {
    container: card-header / inline-size;
  }

  .\@container\/content {
    container: content / inline-size;
  }

  .\@container\/details {
    container: details / inline-size;
  }

  .\@container\/field-group {
    container: field-group / inline-size;
  }

  .\@container\/funnel {
    container: funnel / inline-size;
  }

  .\@container\/guide {
    container: guide / inline-size;
  }

  .\@container\/pagination {
    container: pagination / inline-size;
  }

  .\@container {
    container-type: inline-size;
  }

  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .\!visible {
    visibility: visible !important;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-2 {
    inset: calc(var(--spacing) * 2);
  }

  .inset-2\.5 {
    inset: calc(var(--spacing) * 2.5);
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .start-44 {
    inset-inline-start: calc(var(--spacing) * 44);
  }

  .-top-1 {
    top: calc(var(--spacing) * -1);
  }

  .-top-12 {
    top: calc(var(--spacing) * -12);
  }

  .-top-\[128px\] {
    top: -128px;
  }

  .\[top\:var\(--site-announcement-height\,0px\)\] {
    top: var(--site-announcement-height, 0px);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-1\/3 {
    top: 33.3333%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-7 {
    top: calc(var(--spacing) * 7);
  }

  .top-20 {
    top: calc(var(--spacing) * 20);
  }

  .top-\[3px\] {
    top: 3px;
  }

  .top-\[7px\] {
    top: 7px;
  }

  .top-\[8vh\] {
    top: 8vh;
  }

  .top-\[11px\] {
    top: 11px;
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .top-\[60\%\] {
    top: 60%;
  }

  .top-\[var\(--app-header-height\,0px\)\] {
    top: var(--app-header-height, 0px);
  }

  .top-full {
    top: 100%;
  }

  .top-px {
    top: 1px;
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .-right-12 {
    right: calc(var(--spacing) * -12);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .-bottom-12 {
    bottom: calc(var(--spacing) * -12);
  }

  .-bottom-\[128px\] {
    bottom: -128px;
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-0\.5 {
    bottom: calc(var(--spacing) * .5);
  }

  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }

  .-left-12 {
    left: calc(var(--spacing) * -12);
  }

  .-left-\[10000px\] {
    left: -10000px;
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-2\.5 {
    left: calc(var(--spacing) * 2.5);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-3\.5 {
    left: calc(var(--spacing) * 3.5);
  }

  .left-\[50\%\] {
    left: 50%;
  }

  .isolate {
    isolation: isolate;
  }

  .z-0 {
    z-index: 0;
  }

  .z-1 {
    z-index: 1;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-60 {
    z-index: 60;
  }

  .z-999 {
    z-index: 999;
  }

  .z-\[80\] {
    z-index: 80;
  }

  .z-\[81\] {
    z-index: 81;
  }

  .z-\[100\] {
    z-index: 100;
  }

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-full {
    grid-column: 1 / -1;
  }

  .col-start-1 {
    grid-column-start: 1;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-span-1 {
    grid-row: span 1 / span 1;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .row-start-2 {
    grid-row-start: 2;
  }

  .row-start-3 {
    grid-row-start: 3;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-4 {
    margin: calc(var(--spacing) * 4);
  }

  .m-5 {
    margin: calc(var(--spacing) * 5);
  }

  .m-auto {
    margin: auto;
  }

  .container {
    margin-inline: auto;
    padding-inline: 2rem;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }

  .-mx-px {
    margin-inline: -1px;
  }

  .mx-0 {
    margin-inline: calc(var(--spacing) * 0);
  }

  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * .5);
  }

  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }

  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }

  .my-0\.5 {
    margin-block: calc(var(--spacing) * .5);
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-5 {
    margin-block: calc(var(--spacing) * 5);
  }

  .-ms-2 {
    margin-inline-start: calc(var(--spacing) * -2);
  }

  .ms-1 {
    margin-inline-start: calc(var(--spacing) * 1);
  }

  .ms-1\.5 {
    margin-inline-start: calc(var(--spacing) * 1.5);
  }

  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }

  .ms-auto {
    margin-inline-start: auto;
  }

  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }

  .prose {
    color: var(--tw-prose-body);
    max-width: 65ch;
  }

  .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-lead);
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 1.25em;
    line-height: 1.6;
  }

  .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    font-weight: 500;
    text-decoration: underline;
  }

  .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600;
  }

  .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: decimal;
  }

  .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-alpha;
  }

  .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-alpha;
  }

  .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: upper-roman;
  }

  .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: lower-roman;
  }

  .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    list-style-type: decimal;
  }

  .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: disc;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-counters);
    font-weight: 400;
  }

  .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets);
  }

  .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.25em;
    font-weight: 600;
  }

  .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-quotes);
    border-inline-start-width: .25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "“""”""‘""’";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
    font-style: italic;
    font-weight: 500;
  }

  .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
    content: open-quote;
  }

  .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: close-quote;
  }

  .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 0;
    margin-bottom: .888889em;
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.11111;
  }

  .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 900;
  }

  .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.33333;
  }

  .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 800;
  }

  .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.6em;
    margin-bottom: .6em;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
  }

  .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    margin-top: 1.5em;
    margin-bottom: .5em;
    font-weight: 600;
    line-height: 1.5;
  }

  .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-weight: 700;
  }

  .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
    display: block;
  }

  .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-kbd);
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    padding-top: .1875em;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    border-radius: .3125rem;
    padding-inline-start: .375em;
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: 600;
  }

  .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: "`";
  }

  .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .875em;
  }

  .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
    font-size: .9em;
  }

  .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: inherit;
  }

  .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    padding-top: .857143em;
    padding-inline-end: 1.14286em;
    padding-bottom: .857143em;
    border-radius: .375rem;
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
    padding-inline-start: 1.14286em;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.71429;
    overflow-x: auto;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }

  .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: none;
  }

  .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    table-layout: auto;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.71429;
  }

  .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }

  .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    vertical-align: bottom;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
    font-weight: 600;
  }

  .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
  }

  .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-bottom-width: 0;
  }

  .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: baseline;
  }

  .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }

  .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    vertical-align: top;
  }

  .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-align: start;
  }

  .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    margin-top: .857143em;
    font-size: .875em;
    line-height: 1.42857;
  }

  .prose {
    --tw-prose-body: #364153;
    --tw-prose-headings: #101828;
    --tw-prose-lead: #4a5565;
    --tw-prose-links: #101828;
    --tw-prose-bold: #101828;
    --tw-prose-counters: #6a7282;
    --tw-prose-bullets: #d1d5dc;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #101828;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6a7282;
    --tw-prose-kbd: #101828;
    --tw-prose-kbd-shadows: #1018281a;
    --tw-prose-code: #101828;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1e2939;
    --tw-prose-th-borders: #d1d5dc;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5dc;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #99a1af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #99a1af;
    --tw-prose-invert-bullets: #4a5565;
    --tw-prose-invert-hr: #364153;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #364153;
    --tw-prose-invert-captions: #99a1af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: #ffffff1a;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5dc;
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: #4a5565;
    --tw-prose-invert-td-borders: #364153;
    font-size: 1rem;
    line-height: 1.75;
  }

  .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  @supports (color: lab(0% 0 0)) {
    .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      --tw-prose-body: lab(27.1134% -.956401 -12.3224);
      --tw-prose-headings: lab(8.11897% .811279 -12.254);
      --tw-prose-lead: lab(35.6337% -1.58697 -10.8425);
      --tw-prose-links: lab(8.11897% .811279 -12.254);
      --tw-prose-bold: lab(8.11897% .811279 -12.254);
      --tw-prose-counters: lab(47.7841% -.393182 -10.0268);
      --tw-prose-bullets: lab(85.1236% -.612259 -3.7138);
      --tw-prose-hr: lab(91.6229% -.159115 -2.26791);
      --tw-prose-quotes: lab(8.11897% .811279 -12.254);
      --tw-prose-quote-borders: lab(91.6229% -.159115 -2.26791);
      --tw-prose-captions: lab(47.7841% -.393182 -10.0268);
      --tw-prose-kbd: lab(8.11897% .811279 -12.254);
      --tw-prose-kbd-shadows: lab(8.11897% .811279 -12.254 / .1);
      --tw-prose-code: lab(8.11897% .811279 -12.254);
      --tw-prose-pre-code: lab(91.6229% -.159115 -2.26791);
      --tw-prose-pre-bg: lab(16.1051% -1.18239 -11.7533);
      --tw-prose-th-borders: lab(85.1236% -.612259 -3.7138);
      --tw-prose-td-borders: lab(91.6229% -.159115 -2.26791);
      --tw-prose-invert-body: lab(85.1236% -.612259 -3.7138);
      --tw-prose-invert-lead: lab(65.9269% -.832707 -8.17473);
      --tw-prose-invert-counters: lab(65.9269% -.832707 -8.17473);
      --tw-prose-invert-bullets: lab(35.6337% -1.58697 -10.8425);
      --tw-prose-invert-hr: lab(27.1134% -.956401 -12.3224);
      --tw-prose-invert-quotes: lab(96.1596% -.0823438 -1.13575);
      --tw-prose-invert-quote-borders: lab(27.1134% -.956401 -12.3224);
      --tw-prose-invert-captions: lab(65.9269% -.832707 -8.17473);
      --tw-prose-invert-pre-code: lab(85.1236% -.612259 -3.7138);
      --tw-prose-invert-th-borders: lab(35.6337% -1.58697 -10.8425);
      --tw-prose-invert-td-borders: lab(27.1134% -.956401 -12.3224);
    }
  }

  .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .375em;
  }

  .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em;
  }

  .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .571429em;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
  }

  .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .prose-base {
    font-size: 1rem;
    line-height: 1.75;
  }

  .prose-base :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose-base :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 1.25em;
    line-height: 1.6;
  }

  .prose-base :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
  }

  .prose-base :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: .888889em;
    font-size: 2.25em;
    line-height: 1.11111;
  }

  .prose-base :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.5em;
    line-height: 1.33333;
  }

  .prose-base :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.6em;
    margin-bottom: .6em;
    font-size: 1.25em;
    line-height: 1.6;
  }

  .prose-base :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.5em;
    margin-bottom: .5em;
    line-height: 1.5;
  }

  .prose-base :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-base :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose-base :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose-base :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose-base :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .1875em;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    border-radius: .3125rem;
    padding-inline-start: .375em;
    font-size: .875em;
  }

  .prose-base :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-base :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .875em;
  }

  .prose-base :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .9em;
  }

  .prose-base :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .857143em;
    padding-inline-end: 1.14286em;
    padding-bottom: .857143em;
    border-radius: .375rem;
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
    padding-inline-start: 1.14286em;
    font-size: .875em;
    line-height: 1.71429;
  }

  .prose-base :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-base :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
  }

  .prose-base :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    margin-bottom: .5em;
  }

  .prose-base :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-base :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .375em;
  }

  .prose-base :where(.prose-base > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose-base :where(.prose-base > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose-base :where(.prose-base > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose-base :where(.prose-base > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose-base :where(.prose-base > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.25em;
  }

  .prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .75em;
    margin-bottom: .75em;
  }

  .prose-base :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }

  .prose-base :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.25em;
  }

  .prose-base :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em;
  }

  .prose-base :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .prose-base :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-base :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-base :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-base :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose-base :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .875em;
    line-height: 1.71429;
  }

  .prose-base :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
  }

  .prose-base :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose-base :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose-base :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .571429em;
    padding-inline-end: .571429em;
    padding-bottom: .571429em;
    padding-inline-start: .571429em;
  }

  .prose-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose-base :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .prose-base :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose-base :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .857143em;
    font-size: .875em;
    line-height: 1.42857;
  }

  .prose-base :where(.prose-base > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose-base :where(.prose-base > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .prose-sm {
    font-size: .875rem;
    line-height: 1.71429;
  }

  .prose-sm :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
    margin-bottom: 1.14286em;
  }

  .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .888889em;
    margin-bottom: .888889em;
    font-size: 1.28571em;
    line-height: 1.55556;
  }

  .prose-sm :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.33333em;
    margin-bottom: 1.33333em;
    padding-inline-start: 1.11111em;
  }

  .prose-sm :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: .8em;
    font-size: 2.14286em;
    line-height: 1.2;
  }

  .prose-sm :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.6em;
    margin-bottom: .8em;
    font-size: 1.42857em;
    line-height: 1.4;
  }

  .prose-sm :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.55556em;
    margin-bottom: .444444em;
    font-size: 1.28571em;
    line-height: 1.55556;
  }

  .prose-sm :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.42857em;
    margin-bottom: .571429em;
    line-height: 1.42857;
  }

  .prose-sm :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
  }

  .prose-sm :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose-sm :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
  }

  .prose-sm :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .142857em;
    padding-inline-end: .357143em;
    padding-bottom: .142857em;
    border-radius: .3125rem;
    padding-inline-start: .357143em;
    font-size: .857143em;
  }

  .prose-sm :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .857143em;
  }

  .prose-sm :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .9em;
  }

  .prose-sm :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .888889em;
  }

  .prose-sm :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .666667em;
    padding-inline-end: 1em;
    padding-bottom: .666667em;
    border-radius: .25rem;
    margin-top: 1.66667em;
    margin-bottom: 1.66667em;
    padding-inline-start: 1em;
    font-size: .857143em;
    line-height: 1.66667;
  }

  .prose-sm :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
    margin-bottom: 1.14286em;
    padding-inline-start: 1.57143em;
  }

  .prose-sm :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .285714em;
    margin-bottom: .285714em;
  }

  .prose-sm :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: .428571em;
  }

  .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .571429em;
    margin-bottom: .571429em;
  }

  .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
  }

  .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.14286em;
  }

  .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
  }

  .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 1.14286em;
  }

  .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .571429em;
    margin-bottom: .571429em;
  }

  .prose-sm :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
    margin-bottom: 1.14286em;
  }

  .prose-sm :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.14286em;
  }

  .prose-sm :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .285714em;
    padding-inline-start: 1.57143em;
  }

  .prose-sm :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 2.85714em;
    margin-bottom: 2.85714em;
  }

  .prose-sm :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose-sm :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: .857143em;
    line-height: 1.5;
  }

  .prose-sm :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 1em;
    padding-bottom: .666667em;
    padding-inline-start: 1em;
  }

  .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-top: .666667em;
    padding-inline-end: 1em;
    padding-bottom: .666667em;
    padding-inline-start: 1em;
  }

  .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-start: 0;
  }

  .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline-end: 0;
  }

  .prose-sm :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
  }

  .prose-sm :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .prose-sm :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: .666667em;
    font-size: .857143em;
    line-height: 1.33333;
  }

  .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-top: 0;
  }

  .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-bottom: 0;
  }

  .\!mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }

  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mt-px {
    margin-top: 1px;
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }

  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }

  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }

  .mr-auto {
    margin-right: auto;
  }

  .-mb-0\.5 {
    margin-bottom: calc(var(--spacing) * -.5);
  }

  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }

  .-mb-4 {
    margin-bottom: calc(var(--spacing) * -4);
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }

  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }

  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }

  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }

  .ml-0\.5 {
    margin-left: calc(var(--spacing) * .5);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }

  .ml-auto {
    margin-left: auto;
  }

  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }

  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }

  .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-none {
    -webkit-line-clamp: unset;
    -webkit-box-orient: horizontal;
    display: block;
    overflow: visible;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .inline-grid {
    display: inline-grid;
  }

  .table {
    display: table;
  }

  .table-caption {
    display: table-caption;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

  .\[field-sizing\:fixed\] {
    field-sizing: fixed;
  }

  .field-sizing-content {
    field-sizing: content;
  }

  .aspect-\(--ratio\) {
    aspect-ratio: var(--ratio);
  }

  .aspect-\[2\/1\] {
    aspect-ratio: 2;
  }

  .aspect-auto {
    aspect-ratio: auto;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .\!size-px {
    width: 1px !important;
    height: 1px !important;
  }

  .size-\(--cell-size\) {
    width: var(--cell-size);
    height: var(--cell-size);
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }

  .size-28 {
    width: calc(var(--spacing) * 28);
    height: calc(var(--spacing) * 28);
  }

  .size-\[0\.95rem\] {
    width: .95rem;
    height: .95rem;
  }

  .size-\[1\.2rem\] {
    width: 1.2rem;
    height: 1.2rem;
  }

  .size-auto {
    width: auto;
    height: auto;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-\(--accordion-panel-height\) {
    height: var(--accordion-panel-height);
  }

  .h-\(--cell-size\) {
    height: var(--cell-size);
  }

  .h-\(--popup-height\) {
    height: var(--popup-height);
  }

  .h-\(--positioner-height\) {
    height: var(--positioner-height);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-2\/5 {
    height: 40%;
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-8\! {
    height: calc(var(--spacing) * 8) !important;
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-16 {
    height: calc(var(--spacing) * 16);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-24 {
    height: calc(var(--spacing) * 24);
  }

  .h-28 {
    height: calc(var(--spacing) * 28);
  }

  .h-32 {
    height: calc(var(--spacing) * 32);
  }

  .h-36 {
    height: calc(var(--spacing) * 36);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-44 {
    height: calc(var(--spacing) * 44);
  }

  .h-48 {
    height: calc(var(--spacing) * 48);
  }

  .h-52 {
    height: calc(var(--spacing) * 52);
  }

  .h-56 {
    height: calc(var(--spacing) * 56);
  }

  .h-64 {
    height: calc(var(--spacing) * 64);
  }

  .h-72 {
    height: calc(var(--spacing) * 72);
  }

  .h-96 {
    height: calc(var(--spacing) * 96);
  }

  .h-\[1\.5px\] {
    height: 1.5px;
  }

  .h-\[2px\] {
    height: 2px;
  }

  .h-\[22rem\] {
    height: 22rem;
  }

  .h-\[40\%\] {
    height: 40%;
  }

  .h-\[52px\] {
    height: 52px;
  }

  .h-\[55\%\] {
    height: 55%;
  }

  .h-\[72\%\] {
    height: 72%;
  }

  .h-\[88\%\] {
    height: 88%;
  }

  .h-\[128px\] {
    height: 128px;
  }

  .h-\[256px\] {
    height: 256px;
  }

  .h-\[260px\] {
    height: 260px;
  }

  .h-\[300px\] {
    height: 300px;
  }

  .h-\[400px\] {
    height: 400px;
  }

  .h-\[calc\(--spacing\(5\.25\)\)\] {
    height: calc(calc(var(--spacing) * 5.25));
  }

  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }

  .h-\[calc\(100dvh-2rem\)\] {
    height: calc(100dvh - 2rem);
  }

  .h-\[calc\(100svh-var\(--app-header-height\,0px\)\)\] {
    height: calc(100svh - var(--app-header-height, 0px));
  }

  .h-\[calc\(100svh-var\(--site-announcement-height\,0px\)\)\] {
    height: calc(100svh - var(--site-announcement-height, 0px));
  }

  .h-\[clamp\(720px\,calc\(100vh-12rem\)\,900px\)\] {
    height: clamp(720px, 100vh - 12rem, 900px);
  }

  .h-\[min\(18rem\,42vh\)\] {
    height: min(18rem, 42vh);
  }

  .h-\[min\(52vh\,28rem\)\] {
    height: min(52vh, 28rem);
  }

  .h-\[var\(--app-header-height\)\] {
    height: var(--app-header-height);
  }

  .h-\[var\(--app-header-height\,3rem\)\] {
    height: var(--app-header-height, 3rem);
  }

  .h-\[var\(--dialog-content-height\)\] {
    height: var(--dialog-content-height);
  }

  .h-auto {
    height: auto;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-svh {
    height: 100svh;
  }

  .\!max-h-full {
    max-height: 100% !important;
  }

  .max-h-\(--available-height\) {
    max-height: var(--available-height);
  }

  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }

  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }

  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }

  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }

  .max-h-\[22rem\] {
    max-height: 22rem;
  }

  .max-h-\[50vh\] {
    max-height: 50vh;
  }

  .max-h-\[55vh\] {
    max-height: 55vh;
  }

  .max-h-\[64vh\] {
    max-height: 64vh;
  }

  .max-h-\[68vh\] {
    max-height: 68vh;
  }

  .max-h-\[72dvh\] {
    max-height: 72dvh;
  }

  .max-h-\[80vh\] {
    max-height: 80vh;
  }

  .max-h-\[85dvh\] {
    max-height: 85dvh;
  }

  .max-h-\[85vh\] {
    max-height: 85vh;
  }

  .max-h-\[90vh\] {
    max-height: 90vh;
  }

  .max-h-\[92dvh\] {
    max-height: 92dvh;
  }

  .max-h-\[200px\] {
    max-height: 200px;
  }

  .max-h-\[240px\] {
    max-height: 240px;
  }

  .max-h-\[360px\] {
    max-height: 360px;
  }

  .max-h-\[calc\(100dvh-2rem\)\] {
    max-height: calc(100dvh - 2rem);
  }

  .max-h-\[calc\(100dvh-8\.5rem\)\] {
    max-height: calc(100dvh - 8.5rem);
  }

  .max-h-\[calc\(100dvh-14rem\)\] {
    max-height: calc(100dvh - 14rem);
  }

  .max-h-\[calc\(100svh-2rem\)\] {
    max-height: calc(100svh - 2rem);
  }

  .max-h-\[calc\(100vh-6rem\)\] {
    max-height: calc(100vh - 6rem);
  }

  .max-h-\[min\(88dvh\,760px\)\] {
    max-height: min(88dvh, 760px);
  }

  .max-h-\[min\(88vh\,880px\)\] {
    max-height: min(88vh, 880px);
  }

  .max-h-\[min\(90vh\,920px\)\] {
    max-height: min(90vh, 920px);
  }

  .max-h-\[min\(calc\(--spacing\(72\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] {
    max-height: min(calc(calc(var(--spacing) * 72) - calc(var(--spacing) * 9)), calc(var(--available-height) - calc(var(--spacing) * 9)));
  }

  .max-h-full {
    max-height: 100%;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }

  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }

  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }

  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }

  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }

  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }

  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }

  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }

  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }

  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }

  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }

  .min-h-36 {
    min-height: calc(var(--spacing) * 36);
  }

  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }

  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }

  .min-h-52 {
    min-height: calc(var(--spacing) * 52);
  }

  .min-h-56 {
    min-height: calc(var(--spacing) * 56);
  }

  .min-h-64 {
    min-height: calc(var(--spacing) * 64);
  }

  .min-h-72 {
    min-height: calc(var(--spacing) * 72);
  }

  .min-h-\[200px\] {
    min-height: 200px;
  }

  .min-h-\[220px\] {
    min-height: 220px;
  }

  .min-h-\[300px\] {
    min-height: 300px;
  }

  .min-h-\[320px\] {
    min-height: 320px;
  }

  .min-h-\[calc\(100svh-var\(--site-announcement-height\,0px\)\)\] {
    min-height: calc(100svh - var(--site-announcement-height, 0px));
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .min-h-svh {
    min-height: 100svh;
  }

  .w-\(--anchor-width\) {
    width: var(--anchor-width);
  }

  .w-\(--cell-size\) {
    width: var(--cell-size);
  }

  .w-\(--popup-width\) {
    width: var(--popup-width);
  }

  .w-\(--positioner-width\) {
    width: var(--positioner-width);
  }

  .w-\(--sidebar-width\) {
    width: var(--sidebar-width);
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-1 {
    width: calc(var(--spacing) * 1);
  }

  .w-1\/2 {
    width: 50%;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-2\/3 {
    width: 66.6667%;
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-4\/5 {
    width: 80%;
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-14 {
    width: calc(var(--spacing) * 14);
  }

  .w-16 {
    width: calc(var(--spacing) * 16);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-28 {
    width: calc(var(--spacing) * 28);
  }

  .w-32 {
    width: calc(var(--spacing) * 32);
  }

  .w-36 {
    width: calc(var(--spacing) * 36);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-44 {
    width: calc(var(--spacing) * 44);
  }

  .w-48 {
    width: calc(var(--spacing) * 48);
  }

  .w-52 {
    width: calc(var(--spacing) * 52);
  }

  .w-56 {
    width: calc(var(--spacing) * 56);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-80 {
    width: calc(var(--spacing) * 80);
  }

  .w-96 {
    width: calc(var(--spacing) * 96);
  }

  .w-\[3px\] {
    width: 3px;
  }

  .w-\[40\%\] {
    width: 40%;
  }

  .w-\[45\%\] {
    width: 45%;
  }

  .w-\[60\%\] {
    width: 60%;
  }

  .w-\[60px\] {
    width: 60px;
  }

  .w-\[64px\] {
    width: 64px;
  }

  .w-\[70px\] {
    width: 70px;
  }

  .w-\[80\%\] {
    width: 80%;
  }

  .w-\[80px\] {
    width: 80px;
  }

  .w-\[90\%\] {
    width: 90%;
  }

  .w-\[90vw\] {
    width: 90vw;
  }

  .w-\[92px\] {
    width: 92px;
  }

  .w-\[95\%\] {
    width: 95%;
  }

  .w-\[100px\] {
    width: 100px;
  }

  .w-\[110px\] {
    width: 110px;
  }

  .w-\[120px\] {
    width: 120px;
  }

  .w-\[132px\] {
    width: 132px;
  }

  .w-\[148px\] {
    width: 148px;
  }

  .w-\[150px\] {
    width: 150px;
  }

  .w-\[160px\] {
    width: 160px;
  }

  .w-\[180px\] {
    width: 180px;
  }

  .w-\[190px\] {
    width: 190px;
  }

  .w-\[200px\] {
    width: 200px;
  }

  .w-\[220px\] {
    width: 220px;
  }

  .w-\[240px\] {
    width: 240px;
  }

  .w-\[280px\] {
    width: 280px;
  }

  .w-\[300px\] {
    width: 300px;
  }

  .w-\[310px\] {
    width: 310px;
  }

  .w-\[340px\] {
    width: 340px;
  }

  .w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem);
  }

  .w-\[calc\(100vw-1\.5rem\)\] {
    width: calc(100vw - 1.5rem);
  }

  .w-\[calc\(100vw-2rem\)\] {
    width: calc(100vw - 2rem);
  }

  .w-\[min\(20rem\,calc\(100vw-2rem\)\)\] {
    width: min(20rem, 100vw - 2rem);
  }

  .w-\[min\(22rem\,calc\(100vw-2rem\)\)\] {
    width: min(22rem, 100vw - 2rem);
  }

  .w-\[min\(26rem\,calc\(100vw-1rem\)\)\] {
    width: min(26rem, 100vw - 1rem);
  }

  .w-\[min\(90vw\,24rem\)\] {
    width: min(90vw, 24rem);
  }

  .w-\[min\(360px\,calc\(100vw-2rem\)\)\] {
    width: min(360px, 100vw - 2rem);
  }

  .w-\[min\(520px\,calc\(100vw-2rem\)\)\] {
    width: min(520px, 100vw - 2rem);
  }

  .w-\[var\(--anchor-width\)\] {
    width: var(--anchor-width);
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .w-sm {
    width: var(--container-sm);
  }

  .\!max-w-\[44rem\] {
    max-width: 44rem !important;
  }

  .max-w-\(--available-width\) {
    max-width: var(--available-width);
  }

  .max-w-\(--skeleton-width\) {
    max-width: var(--skeleton-width);
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-4xl {
    max-width: var(--container-4xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-6xl {
    max-width: var(--container-6xl);
  }

  .max-w-7xl {
    max-width: var(--container-7xl);
  }

  .max-w-20 {
    max-width: calc(var(--spacing) * 20);
  }

  .max-w-44 {
    max-width: calc(var(--spacing) * 44);
  }

  .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }

  .max-w-52 {
    max-width: calc(var(--spacing) * 52);
  }

  .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }

  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }

  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }

  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }

  .max-w-\[12rem\] {
    max-width: 12rem;
  }

  .max-w-\[14em\] {
    max-width: 14em;
  }

  .max-w-\[16rem\] {
    max-width: 16rem;
  }

  .max-w-\[28rem\] {
    max-width: 28rem;
  }

  .max-w-\[32rem\] {
    max-width: 32rem;
  }

  .max-w-\[42rem\] {
    max-width: 42rem;
  }

  .max-w-\[80px\] {
    max-width: 80px;
  }

  .max-w-\[82ch\] {
    max-width: 82ch;
  }

  .max-w-\[100\%\] {
    max-width: 100%;
  }

  .max-w-\[100px\] {
    max-width: 100px;
  }

  .max-w-\[150px\] {
    max-width: 150px;
  }

  .max-w-\[180px\] {
    max-width: 180px;
  }

  .max-w-\[190px\] {
    max-width: 190px;
  }

  .max-w-\[200px\] {
    max-width: 200px;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[240px\] {
    max-width: 240px;
  }

  .max-w-\[260px\] {
    max-width: 260px;
  }

  .max-w-\[280px\] {
    max-width: 280px;
  }

  .max-w-\[320px\] {
    max-width: 320px;
  }

  .max-w-\[350px\] {
    max-width: 350px;
  }

  .max-w-\[360px\] {
    max-width: 360px;
  }

  .max-w-\[calc\(100\%-1\.5rem\)\] {
    max-width: calc(100% - 1.5rem);
  }

  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }

  .max-w-\[min\(50vw\,140px\)\] {
    max-width: min(50vw, 140px);
  }

  .max-w-\[min\(52vw\,170px\)\] {
    max-width: min(52vw, 170px);
  }

  .max-w-\[min\(58vw\,180px\)\] {
    max-width: min(58vw, 180px);
  }

  .max-w-\[min\(62vw\,220px\)\] {
    max-width: min(62vw, 220px);
  }

  .max-w-\[min\(90vw\,28rem\)\] {
    max-width: min(90vw, 28rem);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-max {
    max-width: max-content;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-prose {
    max-width: 65ch;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .max-w-xs {
    max-width: var(--container-xs);
  }

  .min-w-\(--cell-size\) {
    min-width: var(--cell-size);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }

  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }

  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }

  .min-w-20 {
    min-width: calc(var(--spacing) * 20);
  }

  .min-w-24 {
    min-width: calc(var(--spacing) * 24);
  }

  .min-w-28 {
    min-width: calc(var(--spacing) * 28);
  }

  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }

  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }

  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }

  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }

  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }

  .min-w-52 {
    min-width: calc(var(--spacing) * 52);
  }

  .min-w-56 {
    min-width: calc(var(--spacing) * 56);
  }

  .min-w-60 {
    min-width: calc(var(--spacing) * 60);
  }

  .min-w-\[1\.35rem\] {
    min-width: 1.35rem;
  }

  .min-w-\[2px\] {
    min-width: 2px;
  }

  .min-w-\[5\.5rem\] {
    min-width: 5.5rem;
  }

  .min-w-\[6\.5rem\] {
    min-width: 6.5rem;
  }

  .min-w-\[7rem\] {
    min-width: 7rem;
  }

  .min-w-\[12rem\] {
    min-width: 12rem;
  }

  .min-w-\[18rem\] {
    min-width: 18rem;
  }

  .min-w-\[30rem\] {
    min-width: 30rem;
  }

  .min-w-\[44rem\] {
    min-width: 44rem;
  }

  .min-w-\[60px\] {
    min-width: 60px;
  }

  .min-w-\[64rem\] {
    min-width: 64rem;
  }

  .min-w-\[68rem\] {
    min-width: 68rem;
  }

  .min-w-\[80px\] {
    min-width: 80px;
  }

  .min-w-\[96px\] {
    min-width: 96px;
  }

  .min-w-\[100px\] {
    min-width: 100px;
  }

  .min-w-\[120px\] {
    min-width: 120px;
  }

  .min-w-\[140px\] {
    min-width: 140px;
  }

  .min-w-\[150px\] {
    min-width: 150px;
  }

  .min-w-\[160px\] {
    min-width: 160px;
  }

  .min-w-\[180px\] {
    min-width: 180px;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .min-w-\[210px\] {
    min-width: 210px;
  }

  .min-w-\[240px\] {
    min-width: 240px;
  }

  .min-w-\[260px\] {
    min-width: 260px;
  }

  .min-w-\[270px\] {
    min-width: 270px;
  }

  .min-w-\[280px\] {
    min-width: 280px;
  }

  .min-w-\[620px\] {
    min-width: 620px;
  }

  .min-w-\[680px\] {
    min-width: 680px;
  }

  .min-w-\[720px\] {
    min-width: 720px;
  }

  .min-w-\[760px\] {
    min-width: 760px;
  }

  .min-w-\[800px\] {
    min-width: 800px;
  }

  .min-w-\[852px\] {
    min-width: 852px;
  }

  .min-w-\[980px\] {
    min-width: 980px;
  }

  .min-w-\[1080px\] {
    min-width: 1080px;
  }

  .min-w-\[1120px\] {
    min-width: 1120px;
  }

  .min-w-\[1440px\] {
    min-width: 1440px;
  }

  .min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\] {
    min-width: calc(var(--anchor-width) + calc(var(--spacing) * 7));
  }

  .min-w-full {
    min-width: 100%;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-\[0_1_6\.5rem\] {
    flex: 0 6.5rem;
  }

  .flex-\[0_1_8rem\] {
    flex: 0 8rem;
  }

  .flex-\[1_1_10rem\] {
    flex: 10rem;
  }

  .flex-\[1_1_32rem\] {
    flex: 32rem;
  }

  .flex-none {
    flex: none;
  }

  .flex-shrink {
    flex-shrink: 1;
  }

  .flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .grow-0 {
    flex-grow: 0;
  }

  .basis-60 {
    flex-basis: calc(var(--spacing) * 60);
  }

  .basis-full {
    flex-basis: 100%;
  }

  .table-fixed {
    table-layout: fixed;
  }

  .caption-bottom {
    caption-side: bottom;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-\(--transform-origin\) {
    transform-origin: var(--transform-origin);
  }

  .origin-center {
    transform-origin: center;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-px {
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-1\/2 {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-px {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-52 {
    --tw-translate-y: calc(var(--spacing) * -52);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[2px\] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(-50\%-2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-200 {
    --tw-scale-x: 200%;
    --tw-scale-y: 200%;
    --tw-scale-z: 200%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-x-0 {
    --tw-scale-x: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-\[2\.5\] {
    scale: 2.5;
  }

  .-rotate-45 {
    rotate: -45deg;
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-0 {
    rotate: 0deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .rotate-y-180 {
    --tw-rotate-y: rotateY(180deg);
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-caret-blink {
    animation: 1.25s ease-out infinite caret-blink;
  }

  .animate-in {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .animate-none {
    animation: none;
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-copy {
    cursor: copy;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-text {
    cursor: text;
  }

  .cursor-wait {
    cursor: wait;
  }

  .touch-manipulation {
    touch-action: manipulation;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .scroll-my-1 {
    scroll-margin-block: calc(var(--spacing) * 1);
  }

  .scroll-mt-4 {
    scroll-margin-top: calc(var(--spacing) * 4);
  }

  .scroll-mt-6 {
    scroll-margin-top: calc(var(--spacing) * 6);
  }

  .scroll-mt-8 {
    scroll-margin-top: calc(var(--spacing) * 8);
  }

  .scroll-py-1 {
    scroll-padding-block: calc(var(--spacing) * 1);
  }

  .\[scrollbar-width\:thin\] {
    scrollbar-width: thin;
  }

  .\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .appearance-none {
    appearance: none;
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

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

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

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

  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-cols-\[1fr_1fr_auto\] {
    grid-template-columns: 1fr 1fr auto;
  }

  .grid-cols-\[1rem_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 1rem minmax(0, 1fr) auto;
  }

  .grid-cols-\[2rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 2rem minmax(0, 1fr);
  }

  .grid-cols-\[5\.5rem_1fr\] {
    grid-template-columns: 5.5rem 1fr;
  }

  .grid-cols-\[5\.25rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 5.25rem minmax(0, 1fr);
  }

  .grid-cols-\[38px_48px_30px\] {
    grid-template-columns: 38px 48px 30px;
  }

  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,0\.85fr\)\] {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(0\,max-content\)\] {
    grid-template-columns: minmax(0, max-content);
  }

  .grid-cols-none {
    grid-template-columns: none;
  }

  .grid-rows-\[auto_1fr\] {
    grid-template-rows: auto 1fr;
  }

  .grid-rows-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-rows: auto minmax(0, 1fr) auto;
  }

  .grid-rows-none {
    grid-template-rows: none;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-row-reverse {
    flex-direction: row-reverse;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-content-center {
    place-content: center;
  }

  .place-items-center {
    place-items: center;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-end {
    justify-items: end;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-\[--spacing\(var\(--gap\)\)\] {
    gap: calc(var(--spacing) * var(--gap));
  }

  .gap-\[2px\] {
    gap: 2px;
  }

  .gap-\[var\(--console-panel-gap\)\] {
    gap: var(--console-panel-gap);
  }

  .gap-\[var\(--console-section-gap\)\] {
    gap: var(--console-section-gap);
  }

  .gap-px {
    gap: 1px;
  }

  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-8 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }

  .gap-x-0\.5 {
    column-gap: calc(var(--spacing) * .5);
  }

  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }

  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }

  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }

  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }

  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }

  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }

  .gap-y-6 {
    row-gap: calc(var(--spacing) * 6);
  }

  .gap-y-8 {
    row-gap: calc(var(--spacing) * 8);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-\[var\(--home-line\)\] > :not(:last-child)) {
    border-color: var(--home-line);
  }

  :where(.divide-border > :not(:last-child)) {
    border-color: var(--border);
  }

  :where(.divide-border\/60 > :not(:last-child)) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-border\/60 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .justify-self-start {
    justify-self: flex-start;
  }

  .justify-self-stretch {
    justify-self: stretch;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-clip {
    overflow: clip;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-hidden {
    overflow-y: hidden;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-\(--cell-radius\) {
    border-radius: var(--cell-radius);
  }

  .rounded-2xl {
    border-radius: calc(var(--radius) * 1.8);
  }

  .rounded-4xl {
    border-radius: calc(var(--radius) * 2.6);
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[50\%\] {
    border-radius: 50%;
  }

  .rounded-\[inherit\] {
    border-radius: inherit;
  }

  .rounded-\[var\(--console-panel-radius\)\] {
    border-radius: var(--console-panel-radius);
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius);
  }

  .rounded-lg\! {
    border-radius: var(--radius) !important;
  }

  .rounded-md {
    border-radius: calc(var(--radius) * .8);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: calc(var(--radius) * .6);
  }

  .rounded-xl {
    border-radius: calc(var(--radius) * 1.4);
  }

  .rounded-xl\! {
    border-radius: calc(var(--radius) * 1.4) !important;
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-t-md {
    border-top-left-radius: calc(var(--radius) * .8);
    border-top-right-radius: calc(var(--radius) * .8);
  }

  .rounded-t-sm {
    border-top-left-radius: calc(var(--radius) * .6);
    border-top-right-radius: calc(var(--radius) * .6);
  }

  .rounded-t-xl {
    border-top-left-radius: calc(var(--radius) * 1.4);
    border-top-right-radius: calc(var(--radius) * 1.4);
  }

  .rounded-l-\(--cell-radius\) {
    border-top-left-radius: var(--cell-radius);
    border-bottom-left-radius: var(--cell-radius);
  }

  .rounded-l-md {
    border-top-left-radius: calc(var(--radius) * .8);
    border-bottom-left-radius: calc(var(--radius) * .8);
  }

  .rounded-tl-sm {
    border-top-left-radius: calc(var(--radius) * .6);
  }

  .rounded-r-\(--cell-radius\) {
    border-top-right-radius: var(--cell-radius);
    border-bottom-right-radius: var(--cell-radius);
  }

  .rounded-r-md {
    border-top-right-radius: calc(var(--radius) * .8);
    border-bottom-right-radius: calc(var(--radius) * .8);
  }

  .rounded-b-md {
    border-bottom-right-radius: calc(var(--radius) * .8);
    border-bottom-left-radius: calc(var(--radius) * .8);
  }

  .rounded-b-xl {
    border-bottom-right-radius: calc(var(--radius) * 1.4);
    border-bottom-left-radius: calc(var(--radius) * 1.4);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-x-0 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-t-\[1\.5px\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1.5px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-l-\[1\.5px\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1.5px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-\(--color-border\) {
    border-color: var(--color-border);
  }

  .border-\[var\(--home-line\)\] {
    border-color: var(--home-line);
  }

  .border-amber-200\/70 {
    border-color: #fee685b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-200\/70 {
      border-color: color-mix(in oklab, var(--color-amber-200) 70%, transparent);
    }
  }

  .border-amber-300\/20 {
    border-color: #ffd23633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-300\/20 {
      border-color: color-mix(in oklab, var(--color-amber-300) 20%, transparent);
    }
  }

  .border-amber-300\/90 {
    border-color: #ffd236e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-amber-300\/90 {
      border-color: color-mix(in oklab, var(--color-amber-300) 90%, transparent);
    }
  }

  .border-border {
    border-color: var(--border);
  }

  .border-border\/40 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/40 {
      border-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }

  .border-border\/50 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/50 {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .border-border\/60 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/60 {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }

  .border-border\/70 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/70 {
      border-color: color-mix(in oklab, var(--border) 70%, transparent);
    }
  }

  .border-border\/90 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/90 {
      border-color: color-mix(in oklab, var(--border) 90%, transparent);
    }
  }

  .border-brand-signal-foreground\/15 {
    border-color: var(--brand-signal-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-brand-signal-foreground\/15 {
      border-color: color-mix(in oklab, var(--brand-signal-foreground) 15%, transparent);
    }
  }

  .border-chart-2\/20 {
    border-color: var(--chart-2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-chart-2\/20 {
      border-color: color-mix(in oklab, var(--chart-2) 20%, transparent);
    }
  }

  .border-chart-4\/20 {
    border-color: var(--chart-4);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-chart-4\/20 {
      border-color: color-mix(in oklab, var(--chart-4) 20%, transparent);
    }
  }

  .border-current {
    border-color: currentColor;
  }

  .border-destructive {
    border-color: var(--destructive);
  }

  .border-destructive\/20 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/20 {
      border-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .border-destructive\/25 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/25 {
      border-color: color-mix(in oklab, var(--destructive) 25%, transparent);
    }
  }

  .border-destructive\/30 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/30 {
      border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }

  .border-destructive\/50 {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-destructive\/50 {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }

  .border-emerald-500\/20 {
    border-color: #00bb7f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-500\/20 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }

  .border-emerald-500\/40 {
    border-color: #00bb7f66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-emerald-500\/40 {
      border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
    }
  }

  .border-foreground\/30 {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/30 {
      border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
  }

  .border-foreground\/70 {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-foreground\/70 {
      border-color: color-mix(in oklab, var(--foreground) 70%, transparent);
    }
  }

  .border-green-200 {
    border-color: var(--color-green-200);
  }

  .border-green-500\/20 {
    border-color: #00c75833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-green-500\/20 {
      border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
    }
  }

  .border-info\/20 {
    border-color: var(--info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-info\/20 {
      border-color: color-mix(in oklab, var(--info) 20%, transparent);
    }
  }

  .border-info\/25 {
    border-color: var(--info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-info\/25 {
      border-color: color-mix(in oklab, var(--info) 25%, transparent);
    }
  }

  .border-input {
    border-color: var(--input);
  }

  .border-input\/30 {
    border-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-input\/30 {
      border-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .border-muted {
    border-color: var(--muted);
  }

  .border-muted-foreground\/20 {
    border-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted-foreground\/20 {
      border-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
    }
  }

  .border-muted-foreground\/25 {
    border-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted-foreground\/25 {
      border-color: color-mix(in oklab, var(--muted-foreground) 25%, transparent);
    }
  }

  .border-muted-foreground\/40 {
    border-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted-foreground\/40 {
      border-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }

  .border-muted-foreground\/50 {
    border-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted-foreground\/50 {
      border-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .border-muted\/50 {
    border-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-muted\/50 {
      border-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .border-primary {
    border-color: var(--primary);
  }

  .border-primary\/20 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/20 {
      border-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .border-primary\/40 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/40 {
      border-color: color-mix(in oklab, var(--primary) 40%, transparent);
    }
  }

  .border-primary\/45 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/45 {
      border-color: color-mix(in oklab, var(--primary) 45%, transparent);
    }
  }

  .border-primary\/50 {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/50 {
      border-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .border-red-200 {
    border-color: var(--color-red-200);
  }

  .border-red-500\/20 {
    border-color: #fb2c3633;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-red-500\/20 {
      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }

  .border-red-800 {
    border-color: var(--color-red-800);
  }

  .border-reward\/25 {
    border-color: var(--reward);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-reward\/25 {
      border-color: color-mix(in oklab, var(--reward) 25%, transparent);
    }
  }

  .border-ring {
    border-color: var(--ring);
  }

  .border-rose-200 {
    border-color: var(--color-rose-200);
  }

  .border-rose-500\/20 {
    border-color: #ff235733;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-rose-500\/20 {
      border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
  }

  .border-sidebar-border {
    border-color: var(--sidebar-border);
  }

  .border-success\/20 {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/20 {
      border-color: color-mix(in oklab, var(--success) 20%, transparent);
    }
  }

  .border-success\/25 {
    border-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/25 {
      border-color: color-mix(in oklab, var(--success) 25%, transparent);
    }
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-warning\/25 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/25 {
      border-color: color-mix(in oklab, var(--warning) 25%, transparent);
    }
  }

  .border-warning\/40 {
    border-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-warning\/40 {
      border-color: color-mix(in oklab, var(--warning) 40%, transparent);
    }
  }

  .border-t-primary {
    border-top-color: var(--primary);
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .border-b-primary {
    border-bottom-color: var(--primary);
  }

  .border-l-muted-foreground\/35 {
    border-left-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-l-muted-foreground\/35 {
      border-left-color: color-mix(in oklab, var(--muted-foreground) 35%, transparent);
    }
  }

  .border-l-transparent {
    border-left-color: #0000;
  }

  .bg-\(--color-bg\) {
    background-color: var(--color-bg);
  }

  .bg-\(--token-composition-cache-read\) {
    background-color: var(--token-composition-cache-read);
  }

  .bg-\(--token-composition-cache-write\) {
    background-color: var(--token-composition-cache-write);
  }

  .bg-\(--token-composition-output\) {
    background-color: var(--token-composition-output);
  }

  .bg-\(--token-composition-uncached\) {
    background-color: var(--token-composition-uncached);
  }

  .bg-\[Canvas\] {
    background-color: canvas;
  }

  .bg-\[var\(--avatar-fallback-background\)\] {
    background-color: var(--avatar-fallback-background);
  }

  .bg-\[var\(--console-surface-subtle\,var\(--muted\)\)\] {
    background-color: var(--console-surface-subtle, var(--muted));
  }

  .bg-\[var\(--home-surface\)\] {
    background-color: var(--home-surface);
  }

  .bg-accent {
    background-color: var(--accent);
  }

  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }

  .bg-amber-50\/70 {
    background-color: #fffbebb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-50\/70 {
      background-color: color-mix(in oklab, var(--color-amber-50) 70%, transparent);
    }
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-amber-500 {
    background-color: var(--color-amber-500);
  }

  .bg-amber-500\/10 {
    background-color: #f99c001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/10 {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }

  .bg-amber-500\/15 {
    background-color: #f99c0026;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-500\/15 {
      background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
    }
  }

  .bg-amber-600 {
    background-color: var(--color-amber-600);
  }

  .bg-background {
    background-color: var(--background);
  }

  .bg-background\/60 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/60 {
      background-color: color-mix(in oklab, var(--background) 60%, transparent);
    }
  }

  .bg-background\/70 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/70 {
      background-color: color-mix(in oklab, var(--background) 70%, transparent);
    }
  }

  .bg-background\/80 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/80 {
      background-color: color-mix(in oklab, var(--background) 80%, transparent);
    }
  }

  .bg-background\/90 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/90 {
      background-color: color-mix(in oklab, var(--background) 90%, transparent);
    }
  }

  .bg-background\/95 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/95 {
      background-color: color-mix(in oklab, var(--background) 95%, transparent);
    }
  }

  .bg-black\/45 {
    background-color: #00000073;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/45 {
      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }

  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }

  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }

  .bg-blue-500\/10 {
    background-color: #3080ff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/10 {
      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
  }

  .bg-blue-500\/15 {
    background-color: #3080ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-blue-500\/15 {
      background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent);
    }
  }

  .bg-border {
    background-color: var(--border);
  }

  .bg-border\/40 {
    background-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-border\/40 {
      background-color: color-mix(in oklab, var(--border) 40%, transparent);
    }
  }

  .bg-border\/50 {
    background-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-border\/50 {
      background-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .bg-brand-signal {
    background-color: var(--brand-signal);
  }

  .bg-card {
    background-color: var(--card);
  }

  .bg-card\/60 {
    background-color: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-card\/60 {
      background-color: color-mix(in oklab, var(--card) 60%, transparent);
    }
  }

  .bg-chart-1 {
    background-color: var(--chart-1);
  }

  .bg-chart-1\/10 {
    background-color: var(--chart-1);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-1\/10 {
      background-color: color-mix(in oklab, var(--chart-1) 10%, transparent);
    }
  }

  .bg-chart-2 {
    background-color: var(--chart-2);
  }

  .bg-chart-2\/10 {
    background-color: var(--chart-2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-2\/10 {
      background-color: color-mix(in oklab, var(--chart-2) 10%, transparent);
    }
  }

  .bg-chart-2\/15 {
    background-color: var(--chart-2);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-2\/15 {
      background-color: color-mix(in oklab, var(--chart-2) 15%, transparent);
    }
  }

  .bg-chart-3 {
    background-color: var(--chart-3);
  }

  .bg-chart-3\/10 {
    background-color: var(--chart-3);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-3\/10 {
      background-color: color-mix(in oklab, var(--chart-3) 10%, transparent);
    }
  }

  .bg-chart-4 {
    background-color: var(--chart-4);
  }

  .bg-chart-4\/10 {
    background-color: var(--chart-4);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-4\/10 {
      background-color: color-mix(in oklab, var(--chart-4) 10%, transparent);
    }
  }

  .bg-chart-4\/15 {
    background-color: var(--chart-4);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-4\/15 {
      background-color: color-mix(in oklab, var(--chart-4) 15%, transparent);
    }
  }

  .bg-chart-5 {
    background-color: var(--chart-5);
  }

  .bg-chart-5\/10 {
    background-color: var(--chart-5);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-chart-5\/10 {
      background-color: color-mix(in oklab, var(--chart-5) 10%, transparent);
    }
  }

  .bg-current {
    background-color: currentColor;
  }

  .bg-cyan-500 {
    background-color: var(--color-cyan-500);
  }

  .bg-cyan-500\/15 {
    background-color: #00b7d726;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyan-500\/15 {
      background-color: color-mix(in oklab, var(--color-cyan-500) 15%, transparent);
    }
  }

  .bg-destructive {
    background-color: var(--destructive);
  }

  .bg-destructive-subtle {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive-subtle {
      background-color: color-mix(in srgb,
    var(--destructive) var(--status-subtle-mix, 5%),
    var(--card));
    }
  }

  .bg-destructive-surface {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive-surface {
      background-color: color-mix(in srgb,
    var(--destructive) var(--status-surface-mix, 10%),
    var(--card));
    }
  }

  .bg-destructive\/5 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/5 {
      background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
    }
  }

  .bg-destructive\/10 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/10 {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .bg-destructive\/15 {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-destructive\/15 {
      background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
    }
  }

  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }

  .bg-emerald-50\/70 {
    background-color: #ecfdf5b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-50\/70 {
      background-color: color-mix(in oklab, var(--color-emerald-50) 70%, transparent);
    }
  }

  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }

  .bg-emerald-400 {
    background-color: var(--color-emerald-400);
  }

  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }

  .bg-emerald-500\/10 {
    background-color: #00bb7f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/10 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }

  .bg-emerald-500\/15 {
    background-color: #00bb7f26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald-500\/15 {
      background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
    }
  }

  .bg-foreground {
    background-color: var(--foreground);
  }

  .bg-foreground\/5 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/5 {
      background-color: color-mix(in oklab, var(--foreground) 5%, transparent);
    }
  }

  .bg-foreground\/40 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/40 {
      background-color: color-mix(in oklab, var(--foreground) 40%, transparent);
    }
  }

  .bg-foreground\/55 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/55 {
      background-color: color-mix(in oklab, var(--foreground) 55%, transparent);
    }
  }

  .bg-foreground\/60 {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-foreground\/60 {
      background-color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }

  .bg-green-50 {
    background-color: var(--color-green-50);
  }

  .bg-green-100 {
    background-color: var(--color-green-100);
  }

  .bg-green-400 {
    background-color: var(--color-green-400);
  }

  .bg-green-500 {
    background-color: var(--color-green-500);
  }

  .bg-green-500\/10 {
    background-color: #00c7581a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/10 {
      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
    }
  }

  .bg-green-500\/15 {
    background-color: #00c75826;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-green-500\/15 {
      background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent);
    }
  }

  .bg-indigo-500 {
    background-color: var(--color-indigo-500);
  }

  .bg-info {
    background-color: var(--info);
  }

  .bg-info-subtle {
    background-color: var(--info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-info-subtle {
      background-color: color-mix(in srgb,
    var(--info) var(--status-subtle-mix, 5%),
    var(--card));
    }
  }

  .bg-info-surface {
    background-color: var(--info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-info-surface {
      background-color: color-mix(in srgb,
    var(--info) var(--status-surface-mix, 10%),
    var(--card));
    }
  }

  .bg-info\/10 {
    background-color: var(--info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-info\/10 {
      background-color: color-mix(in oklab, var(--info) 10%, transparent);
    }
  }

  .bg-info\/15 {
    background-color: var(--info);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-info\/15 {
      background-color: color-mix(in oklab, var(--info) 15%, transparent);
    }
  }

  .bg-input {
    background-color: var(--input);
  }

  .bg-input\/30 {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-input\/30 {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .bg-input\/50 {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-input\/50 {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }

  .bg-lime-500 {
    background-color: var(--color-lime-500);
  }

  .bg-muted {
    background-color: var(--muted);
  }

  .bg-muted-foreground\/10 {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted-foreground\/10 {
      background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);
    }
  }

  .bg-muted-foreground\/15 {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted-foreground\/15 {
      background-color: color-mix(in oklab, var(--muted-foreground) 15%, transparent);
    }
  }

  .bg-muted-foreground\/35 {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted-foreground\/35 {
      background-color: color-mix(in oklab, var(--muted-foreground) 35%, transparent);
    }
  }

  .bg-muted-foreground\/40 {
    background-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted-foreground\/40 {
      background-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }

  .bg-muted\/20 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/20 {
      background-color: color-mix(in oklab, var(--muted) 20%, transparent);
    }
  }

  .bg-muted\/30 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/30 {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }

  .bg-muted\/35 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/35 {
      background-color: color-mix(in oklab, var(--muted) 35%, transparent);
    }
  }

  .bg-muted\/40 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/40 {
      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
    }
  }

  .bg-muted\/45 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/45 {
      background-color: color-mix(in oklab, var(--muted) 45%, transparent);
    }
  }

  .bg-muted\/50 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .bg-muted\/60 {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/60 {
      background-color: color-mix(in oklab, var(--muted) 60%, transparent);
    }
  }

  .bg-neutral {
    background-color: var(--neutral);
  }

  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }

  .bg-orange-500 {
    background-color: var(--color-orange-500);
  }

  .bg-orange-500\/10 {
    background-color: #fe6e001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-orange-500\/10 {
      background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
    }
  }

  .bg-overlay {
    background-color: var(--overlay);
  }

  .bg-pink-500 {
    background-color: var(--color-pink-500);
  }

  .bg-popover {
    background-color: var(--popover);
  }

  .bg-popover\/75 {
    background-color: var(--popover);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-popover\/75 {
      background-color: color-mix(in oklab, var(--popover) 75%, transparent);
    }
  }

  .bg-primary {
    background-color: var(--primary);
  }

  .bg-primary-foreground {
    background-color: var(--primary-foreground);
  }

  .bg-primary\/5 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .bg-primary\/10 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .bg-primary\/15 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/15 {
      background-color: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .bg-primary\/\[0\.03\] {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/\[0\.03\] {
      background-color: color-mix(in oklab, var(--primary) 3%, transparent);
    }
  }

  .bg-purple-500 {
    background-color: var(--color-purple-500);
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .bg-red-500 {
    background-color: var(--color-red-500);
  }

  .bg-red-500\/10 {
    background-color: #fb2c361a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/10 {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }

  .bg-red-500\/15 {
    background-color: #fb2c3626;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-red-500\/15 {
      background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
    }
  }

  .bg-reward\/10 {
    background-color: var(--reward);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-reward\/10 {
      background-color: color-mix(in oklab, var(--reward) 10%, transparent);
    }
  }

  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }

  .bg-rose-50\/40 {
    background-color: #fff1f266;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-50\/40 {
      background-color: color-mix(in oklab, var(--color-rose-50) 40%, transparent);
    }
  }

  .bg-rose-100 {
    background-color: var(--color-rose-100);
  }

  .bg-rose-500 {
    background-color: var(--color-rose-500);
  }

  .bg-rose-500\/10 {
    background-color: #ff23571a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-500\/10 {
      background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
    }
  }

  .bg-rose-500\/20 {
    background-color: #ff235733;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-rose-500\/20 {
      background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
  }

  .bg-secondary {
    background-color: var(--secondary);
  }

  .bg-sidebar {
    background-color: var(--sidebar);
  }

  .bg-sidebar-border {
    background-color: var(--sidebar-border);
  }

  .bg-sky-400 {
    background-color: var(--color-sky-400);
  }

  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }

  .bg-success {
    background-color: var(--success);
  }

  .bg-success-surface {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-surface {
      background-color: color-mix(in srgb,
    var(--success) var(--status-surface-mix, 10%),
    var(--card));
    }
  }

  .bg-success\/5 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/5 {
      background-color: color-mix(in oklab, var(--success) 5%, transparent);
    }
  }

  .bg-success\/10 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/10 {
      background-color: color-mix(in oklab, var(--success) 10%, transparent);
    }
  }

  .bg-success\/15 {
    background-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/15 {
      background-color: color-mix(in oklab, var(--success) 15%, transparent);
    }
  }

  .bg-surface-subtle {
    background-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-subtle {
      background-color: color-mix(in srgb,
    var(--foreground) var(--surface-subtle-mix, 3%),
    var(--muted));
    }
  }

  .bg-teal-500 {
    background-color: var(--color-teal-500);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-transparent\! {
    background-color: #0000 !important;
  }

  .bg-trust-surface {
    background-color: var(--trust-surface);
  }

  .bg-violet-500 {
    background-color: var(--color-violet-500);
  }

  .bg-violet-500\/15 {
    background-color: #8d54ff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-violet-500\/15 {
      background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent);
    }
  }

  .bg-warning {
    background-color: var(--warning);
  }

  .bg-warning-surface {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-surface {
      background-color: color-mix(in srgb,
    var(--warning) var(--status-surface-mix, 10%),
    var(--card));
    }
  }

  .bg-warning\/5 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/5 {
      background-color: color-mix(in oklab, var(--warning) 5%, transparent);
    }
  }

  .bg-warning\/10 {
    background-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/10 {
      background-color: color-mix(in oklab, var(--warning) 10%, transparent);
    }
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-yellow-500 {
    background-color: var(--color-yellow-500);
  }

  .bg-linear-to-br {
    --tw-gradient-position: to bottom right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-br {
      --tw-gradient-position: to bottom right in oklab;
    }
  }

  .bg-linear-to-br {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-linear-to-t {
    --tw-gradient-position: to top;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-t {
      --tw-gradient-position: to top in oklab;
    }
  }

  .bg-linear-to-t {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-radial {
    --tw-gradient-position: in oklab;
    background-image: radial-gradient(var(--tw-gradient-stops));
  }

  .from-amber-500\/60 {
    --tw-gradient-from: #f99c0099;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-amber-500\/60 {
      --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 60%, transparent);
    }
  }

  .from-amber-500\/60 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-muted-foreground\/50 {
    --tw-gradient-from: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-muted-foreground\/50 {
      --tw-gradient-from: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .from-muted-foreground\/50 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-primary\/10 {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-primary\/10 {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .from-primary\/10 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-rose-500\/80 {
    --tw-gradient-from: #ff2357cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-rose-500\/80 {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-500) 80%, transparent);
    }
  }

  .from-rose-500\/80 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-teal-500\/80 {
    --tw-gradient-from: #00baa7cc;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-teal-500\/80 {
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-500) 80%, transparent);
    }
  }

  .from-teal-500\/80 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-yellow-400\/50 {
    --tw-gradient-from: #fac80080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-yellow-400\/50 {
      --tw-gradient-from: color-mix(in oklab, var(--color-yellow-400) 50%, transparent);
    }
  }

  .from-yellow-400\/50 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-10\% {
    --tw-gradient-from-position: 10%;
  }

  .via-muted-foreground\/20 {
    --tw-gradient-via: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-muted-foreground\/20 {
      --tw-gradient-via: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
    }
  }

  .via-muted-foreground\/20 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-primary\/5 {
    --tw-gradient-via: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-primary\/5 {
      --tw-gradient-via: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .via-primary\/5 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-rose-300\/70 {
    --tw-gradient-via: #ffa2aeb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-rose-300\/70 {
      --tw-gradient-via: color-mix(in oklab, var(--color-rose-300) 70%, transparent);
    }
  }

  .via-rose-300\/70 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .via-teal-300\/70 {
    --tw-gradient-via: #46ecd5b3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .via-teal-300\/70 {
      --tw-gradient-via: color-mix(in oklab, var(--color-teal-300) 70%, transparent);
    }
  }

  .via-teal-300\/70 {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-amber-500\/0 {
    --tw-gradient-to: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-amber-500\/0 {
      --tw-gradient-to: color-mix(in oklab, var(--color-amber-500) 0%, transparent);
    }
  }

  .to-amber-500\/0 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-rose-200\/20 {
    --tw-gradient-to: #ffccd333;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-rose-200\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--color-rose-200) 20%, transparent);
    }
  }

  .to-rose-200\/20 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-teal-200\/20 {
    --tw-gradient-to: #96f7e433;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-teal-200\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-200) 20%, transparent);
    }
  }

  .to-teal-200\/20 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-yellow-400\/0 {
    --tw-gradient-to: #0000;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-yellow-400\/0 {
      --tw-gradient-to: color-mix(in oklab, var(--color-yellow-400) 0%, transparent);
    }
  }

  .to-yellow-400\/0 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-60\% {
    --tw-gradient-to-position: 60%;
  }

  .\[mask-image\:linear-gradient\(to_bottom\,transparent\,white_10\%\,white_90\%\,transparent\)\] {
    -webkit-mask-image: linear-gradient(#0000, #fff 10% 90%, #0000);
    mask-image: linear-gradient(#0000, #fff 10% 90%, #0000);
  }

  .bg-\[length\:250\%_100\%\,auto\] {
    background-size: 250% 100%, auto;
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .\[background-repeat\:no-repeat\,padding-box\] {
    background-repeat: no-repeat,padding-box;
  }

  .fill-current {
    fill: currentColor;
  }

  .fill-foreground {
    fill: var(--foreground);
  }

  .fill-popover {
    fill: var(--popover);
  }

  .fill-primary {
    fill: var(--primary);
  }

  .stroke-primary {
    stroke: var(--primary);
  }

  .stroke-ring {
    stroke: var(--ring);
  }

  .stroke-white {
    stroke: var(--color-white);
  }

  .stroke-1 {
    stroke-width: 1px;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }

  .\!p-4 {
    padding: calc(var(--spacing) * 4) !important;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-0\.5 {
    padding: calc(var(--spacing) * .5);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\! {
    padding: calc(var(--spacing) * 3) !important;
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-10 {
    padding: calc(var(--spacing) * 10);
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-\[var\(--console-feature-padding\)\] {
    padding: var(--console-feature-padding);
  }

  .p-\[var\(--console-panel-padding\)\] {
    padding: var(--console-panel-padding);
  }

  .p-px {
    padding: 1px;
  }

  .px-\(--cell-size\) {
    padding-inline: var(--cell-size);
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .px-\[var\(--console-feature-padding\)\] {
    padding-inline: var(--console-feature-padding);
  }

  .px-\[var\(--console-panel-padding\)\] {
    padding-inline: var(--console-panel-padding);
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-7 {
    padding-block: calc(var(--spacing) * 7);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }

  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }

  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }

  .py-24 {
    padding-block: calc(var(--spacing) * 24);
  }

  .py-28 {
    padding-block: calc(var(--spacing) * 28);
  }

  .py-\[2px\] {
    padding-block: 2px;
  }

  .ps-3 {
    padding-inline-start: calc(var(--spacing) * 3);
  }

  .ps-8 {
    padding-inline-start: calc(var(--spacing) * 8);
  }

  .pe-3 {
    padding-inline-end: calc(var(--spacing) * 3);
  }

  .pe-12 {
    padding-inline-end: calc(var(--spacing) * 12);
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }

  .pt-11 {
    padding-top: calc(var(--spacing) * 11);
  }

  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }

  .pt-\[calc\(5rem\+var\(--site-announcement-height\,0px\)\)\] {
    padding-top: calc(5rem + var(--site-announcement-height, 0px));
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-1\.5\! {
    padding-right: calc(var(--spacing) * 1.5) !important;
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }

  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }

  .pr-7 {
    padding-right: calc(var(--spacing) * 7);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }

  .pr-12 {
    padding-right: calc(var(--spacing) * 12);
  }

  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }

  .\!pb-3 {
    padding-bottom: calc(var(--spacing) * 3) !important;
  }

  .\!pb-4 {
    padding-bottom: calc(var(--spacing) * 4) !important;
  }

  .\!pb-5 {
    padding-bottom: calc(var(--spacing) * 5) !important;
  }

  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * .5);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }

  .pb-24 {
    padding-bottom: calc(var(--spacing) * 24);
  }

  .pb-28 {
    padding-bottom: calc(var(--spacing) * 28);
  }

  .pb-\[calc\(env\(safe-area-inset-bottom\,0px\)\+1rem\)\] {
    padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 1rem);
  }

  .pb-\[var\(--console-feature-padding\)\] {
    padding-bottom: var(--console-feature-padding);
  }

  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }

  .pl-1\.5\! {
    padding-left: calc(var(--spacing) * 1.5) !important;
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .text-start {
    text-align: start;
  }

  .align-baseline {
    vertical-align: baseline;
  }

  .align-middle {
    vertical-align: middle;
  }

  .align-top {
    vertical-align: top;
  }

  .font-inter, .font-manrope {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .font-mono {
    font-family: JetBrains Mono Variable, JetBrains Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace;
  }

  .font-sans {
    font-family: var(--font-brand);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }

  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }

  .text-\[13px\]\/5 {
    font-size: 13px;
    line-height: calc(var(--spacing) * 5);
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-sm\/relaxed {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.8rem\] {
    font-size: .8rem;
  }

  .text-\[0\.6875rem\] {
    font-size: .6875rem;
  }

  .text-\[1\.75rem\] {
    font-size: 1.75rem;
  }

  .text-\[7rem\] {
    font-size: 7rem;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .text-\[12\.5px\] {
    font-size: 12.5px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[15px\] {
    font-size: 15px;
  }

  .text-\[clamp\(2rem\,6vw\,3\.5rem\)\] {
    font-size: clamp(2rem, 6vw, 3.5rem);
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }

  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .leading-\[0\.98\] {
    --tw-leading: .98;
    line-height: .98;
  }

  .leading-\[2\.125rem\] {
    --tw-leading: 2.125rem;
    line-height: 2.125rem;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[-0\.03em\] {
    --tw-tracking: -.03em;
    letter-spacing: -.03em;
  }

  .tracking-\[-0\.04em\] {
    --tw-tracking: -.04em;
    letter-spacing: -.04em;
  }

  .tracking-\[-0\.05em\] {
    --tw-tracking: -.05em;
    letter-spacing: -.05em;
  }

  .tracking-\[-0\.07em\] {
    --tw-tracking: -.07em;
    letter-spacing: -.07em;
  }

  .tracking-\[-0\.025em\] {
    --tw-tracking: -.025em;
    letter-spacing: -.025em;
  }

  .tracking-\[-0\.035em\] {
    --tw-tracking: -.035em;
    letter-spacing: -.035em;
  }

  .tracking-\[-0\.045em\] {
    --tw-tracking: -.045em;
    letter-spacing: -.045em;
  }

  .tracking-\[-0\.055em\] {
    --tw-tracking: -.055em;
    letter-spacing: -.055em;
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-\[0\.16em\] {
    --tw-tracking: .16em;
    letter-spacing: .16em;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }

  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-balance {
    text-wrap: balance;
  }

  .text-pretty {
    text-wrap: pretty;
  }

  .text-wrap {
    text-wrap: wrap;
  }

  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .wrap-anywhere {
    overflow-wrap: anywhere;
  }

  .wrap-break-word {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .text-clip {
    text-overflow: clip;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre {
    white-space: pre;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#1A1F71\] {
    color: #1a1f71;
  }

  .text-\[\#EB001B\] {
    color: #eb001b;
  }

  .text-\[CanvasText\] {
    color: canvastext;
  }

  .text-\[var\(--avatar-foreground\)\] {
    color: var(--avatar-foreground);
  }

  .text-\[var\(--chart-2\)\] {
    color: var(--chart-2);
  }

  .text-\[var\(--home-blue-readable\)\] {
    color: var(--home-blue-readable);
  }

  .text-\[var\(--home-muted\)\] {
    color: var(--home-muted);
  }

  .text-\[var\(--landing-gray-50\)\] {
    color: var(--landing-gray-50);
  }

  .text-accent-foreground {
    color: var(--accent-foreground);
  }

  .text-amber-400 {
    color: var(--color-amber-400);
  }

  .text-amber-500 {
    color: var(--color-amber-500);
  }

  .text-amber-600 {
    color: var(--color-amber-600);
  }

  .text-amber-700 {
    color: var(--color-amber-700);
  }

  .text-amber-800 {
    color: var(--color-amber-800);
  }

  .text-amber-900\/90 {
    color: #7b3306e6;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-amber-900\/90 {
      color: color-mix(in oklab, var(--color-amber-900) 90%, transparent);
    }
  }

  .text-background {
    color: var(--background);
  }

  .text-background\/60 {
    color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-background\/60 {
      color: color-mix(in oklab, var(--background) 60%, transparent);
    }
  }

  .text-background\/70 {
    color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-background\/70 {
      color: color-mix(in oklab, var(--background) 70%, transparent);
    }
  }

  .text-background\/90 {
    color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-background\/90 {
      color: color-mix(in oklab, var(--background) 90%, transparent);
    }
  }

  .text-black {
    color: var(--color-black);
  }

  .text-blue-500 {
    color: var(--color-blue-500);
  }

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-700 {
    color: var(--color-blue-700);
  }

  .text-brand-signal-foreground {
    color: var(--brand-signal-foreground);
  }

  .text-card-foreground {
    color: var(--card-foreground);
  }

  .text-chart-1 {
    color: var(--chart-1);
  }

  .text-chart-2 {
    color: var(--chart-2);
  }

  .text-chart-3 {
    color: var(--chart-3);
  }

  .text-chart-4 {
    color: var(--chart-4);
  }

  .text-chart-5 {
    color: var(--chart-5);
  }

  .text-current {
    color: currentColor;
  }

  .text-cyan-600 {
    color: var(--color-cyan-600);
  }

  .text-destructive {
    color: var(--destructive);
  }

  .text-destructive-foreground {
    color: var(--destructive-foreground);
  }

  .text-emerald-300 {
    color: var(--color-emerald-300);
  }

  .text-emerald-400 {
    color: var(--color-emerald-400);
  }

  .text-emerald-500 {
    color: var(--color-emerald-500);
  }

  .text-emerald-600 {
    color: var(--color-emerald-600);
  }

  .text-emerald-700 {
    color: var(--color-emerald-700);
  }

  .text-foreground {
    color: var(--foreground);
  }

  .text-foreground\/60 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/60 {
      color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }

  .text-foreground\/80 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/80 {
      color: color-mix(in oklab, var(--foreground) 80%, transparent);
    }
  }

  .text-foreground\/85 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/85 {
      color: color-mix(in oklab, var(--foreground) 85%, transparent);
    }
  }

  .text-foreground\/90 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/90 {
      color: color-mix(in oklab, var(--foreground) 90%, transparent);
    }
  }

  .text-green-400 {
    color: var(--color-green-400);
  }

  .text-green-500 {
    color: var(--color-green-500);
  }

  .text-green-600 {
    color: var(--color-green-600);
  }

  .text-green-700 {
    color: var(--color-green-700);
  }

  .text-info {
    color: var(--info);
  }

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

  .text-muted-foreground {
    color: var(--muted-foreground);
  }

  .text-muted-foreground\/0 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/0 {
      color: color-mix(in oklab, var(--muted-foreground) 0%, transparent);
    }
  }

  .text-muted-foreground\/30 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/30 {
      color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
    }
  }

  .text-muted-foreground\/40 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/40 {
      color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }

  .text-muted-foreground\/45 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/45 {
      color: color-mix(in oklab, var(--muted-foreground) 45%, transparent);
    }
  }

  .text-muted-foreground\/50 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/50 {
      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .text-muted-foreground\/55 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/55 {
      color: color-mix(in oklab, var(--muted-foreground) 55%, transparent);
    }
  }

  .text-muted-foreground\/60 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/60 {
      color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
    }
  }

  .text-muted-foreground\/70 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/70 {
      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
  }

  .text-muted-foreground\/80 {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-muted-foreground\/80 {
      color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);
    }
  }

  .text-orange-400 {
    color: var(--color-orange-400);
  }

  .text-orange-500 {
    color: var(--color-orange-500);
  }

  .text-orange-600 {
    color: var(--color-orange-600);
  }

  .text-orange-700 {
    color: var(--color-orange-700);
  }

  .text-popover-foreground {
    color: var(--popover-foreground);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-primary-foreground {
    color: var(--primary-foreground);
  }

  .text-primary\/60 {
    color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-primary\/60 {
      color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }

  .text-red-400 {
    color: var(--color-red-400);
  }

  .text-red-500 {
    color: var(--color-red-500);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

  .text-red-900 {
    color: var(--color-red-900);
  }

  .text-reward {
    color: var(--reward);
  }

  .text-rose-400 {
    color: var(--color-rose-400);
  }

  .text-rose-500 {
    color: var(--color-rose-500);
  }

  .text-rose-600 {
    color: var(--color-rose-600);
  }

  .text-rose-700 {
    color: var(--color-rose-700);
  }

  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }

  .text-sidebar-foreground {
    color: var(--sidebar-foreground);
  }

  .text-sidebar-foreground\/70 {
    color: var(--sidebar-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-sidebar-foreground\/70 {
      color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
    }
  }

  .text-sky-600 {
    color: var(--color-sky-600);
  }

  .text-slate-700 {
    color: var(--color-slate-700);
  }

  .text-success {
    color: var(--success);
  }

  .text-transparent {
    color: #0000;
  }

  .text-trust-surface-foreground {
    color: var(--trust-surface-foreground);
  }

  .text-violet-600 {
    color: var(--color-violet-600);
  }

  .text-warning {
    color: var(--warning);
  }

  .capitalize {
    text-transform: capitalize;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-muted-foreground\/50 {
    -webkit-text-decoration-color: var(--muted-foreground);
    text-decoration-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .decoration-muted-foreground\/50 {
      -webkit-text-decoration-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
      text-decoration-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .decoration-dotted {
    text-decoration-style: dotted;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-20 {
    opacity: .2;
  }

  .opacity-30 {
    opacity: .3;
  }

  .opacity-40 {
    opacity: .4;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-75 {
    opacity: .75;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-95 {
    opacity: .95;
  }

  .opacity-100 {
    opacity: 1;
  }

  .bg-blend-color {
    background-blend-mode: color;
  }

  .\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_var\(--sidebar-border\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_3px_rgba\(37\,99\,235\,0\.18\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #2563eb2e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_3px_rgba\(245\,158\,11\,0\.18\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, #f59e0b2e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_rgb\(0_0_0\/10\%\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[var\(--console-shadow-low\)\] {
    --tw-shadow: var(--console-shadow-low);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none\! {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-\[1px\] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-background {
    --tw-ring-color: var(--background);
  }

  .ring-black\/10 {
    --tw-ring-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-black\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .ring-border {
    --tw-ring-color: var(--border);
  }

  .ring-border\/60 {
    --tw-ring-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-border\/60 {
      --tw-ring-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
  }

  .ring-foreground\/10 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/10 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .ring-primary {
    --tw-ring-color: var(--primary);
  }

  .ring-primary\/10 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/10 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .ring-primary\/15 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/15 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .ring-primary\/20 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/20 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .ring-primary\/30 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/30 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .ring-primary\/60 {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-primary\/60 {
      --tw-ring-color: color-mix(in oklab, var(--primary) 60%, transparent);
    }
  }

  .ring-ring\/50 {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-ring\/50 {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .ring-sidebar-ring {
    --tw-ring-color: var(--sidebar-ring);
  }

  .ring-warning\/20 {
    --tw-ring-color: var(--warning);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-warning\/20 {
      --tw-ring-color: color-mix(in oklab, var(--warning) 20%, transparent);
    }
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[background-color\,border-color\,box-shadow\] {
    transition-property: background-color, border-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,background-color\,box-shadow\] {
    transition-property: border-color, background-color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[box-shadow\,background-color\,color\] {
    transition-property: box-shadow, background-color, color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,box-shadow\] {
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[height\,background-color\] {
    transition-property: height, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\,right\,width\] {
    transition-property: left, right, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin\,opacity\] {
    transition-property: margin, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,background-color\,color\,border-color\] {
    transition-property: opacity, background-color, color, border-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,transform\,translate\] {
    transition-property: opacity, transform, translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,transform\,width\,height\,scale\,translate\] {
    transition-property: opacity, transform, width, height, scale, translate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[stroke-dashoffset\] {
    transition-property: stroke-dashoffset;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[top\,left\,right\,bottom\] {
    transition-property: top, left, right, bottom;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,height\,padding\] {
    transition-property: width, height, padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-none {
    transition-property: none;
  }

  .delay-100 {
    transition-delay: .1s;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .duration-\[0\.35s\] {
    --tw-duration: .35s;
    transition-duration: .35s;
  }

  .ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\] {
    --tw-ease: cubic-bezier(.22,1,.36,1);
    transition-timing-function: cubic-bezier(.22, 1, .36, 1);
  }

  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .will-change-\[transform\,opacity\] {
    will-change: transform,opacity;
  }

  .prose-neutral {
    --tw-prose-body: #404040;
    --tw-prose-headings: #171717;
    --tw-prose-lead: #525252;
    --tw-prose-links: #171717;
    --tw-prose-bold: #171717;
    --tw-prose-counters: #737373;
    --tw-prose-bullets: #d4d4d4;
    --tw-prose-hr: #e5e5e5;
    --tw-prose-quotes: #171717;
    --tw-prose-quote-borders: #e5e5e5;
    --tw-prose-captions: #737373;
    --tw-prose-kbd: #171717;
    --tw-prose-kbd-shadows: #1717171a;
    --tw-prose-code: #171717;
    --tw-prose-pre-code: #e5e5e5;
    --tw-prose-pre-bg: #262626;
    --tw-prose-th-borders: #d4d4d4;
    --tw-prose-td-borders: #e5e5e5;
    --tw-prose-invert-body: #d4d4d4;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #a1a1a1;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #a1a1a1;
    --tw-prose-invert-bullets: #525252;
    --tw-prose-invert-hr: #404040;
    --tw-prose-invert-quotes: #f5f5f5;
    --tw-prose-invert-quote-borders: #404040;
    --tw-prose-invert-captions: #a1a1a1;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: #ffffff1a;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d4d4d4;
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: #525252;
    --tw-prose-invert-td-borders: #404040;
  }

  @supports (color: lab(0% 0 0)) {
    .prose-neutral {
      --tw-prose-body: lab(27.036% 0 0);
      --tw-prose-headings: lab(7.78201% -.0000149012 0);
      --tw-prose-lead: lab(34.924% 0 0);
      --tw-prose-links: lab(7.78201% -.0000149012 0);
      --tw-prose-bold: lab(7.78201% -.0000149012 0);
      --tw-prose-counters: lab(48.496% 0 0);
      --tw-prose-bullets: lab(84.92% 0 -.0000119209);
      --tw-prose-hr: lab(90.952% 0 -.0000119209);
      --tw-prose-quotes: lab(7.78201% -.0000149012 0);
      --tw-prose-quote-borders: lab(90.952% 0 -.0000119209);
      --tw-prose-captions: lab(48.496% 0 0);
      --tw-prose-kbd: lab(7.78201% -.0000149012 0);
      --tw-prose-kbd-shadows: lab(7.78201% -.0000149012 0 / .1);
      --tw-prose-code: lab(7.78201% -.0000149012 0);
      --tw-prose-pre-code: lab(90.952% 0 -.0000119209);
      --tw-prose-pre-bg: lab(15.204% 0 -.00000596046);
      --tw-prose-th-borders: lab(84.92% 0 -.0000119209);
      --tw-prose-td-borders: lab(90.952% 0 -.0000119209);
      --tw-prose-invert-body: lab(84.92% 0 -.0000119209);
      --tw-prose-invert-lead: lab(66.128% -.0000298023 .0000119209);
      --tw-prose-invert-counters: lab(66.128% -.0000298023 .0000119209);
      --tw-prose-invert-bullets: lab(34.924% 0 0);
      --tw-prose-invert-hr: lab(27.036% 0 0);
      --tw-prose-invert-quotes: lab(96.52% -.0000298023 .0000119209);
      --tw-prose-invert-quote-borders: lab(27.036% 0 0);
      --tw-prose-invert-captions: lab(66.128% -.0000298023 .0000119209);
      --tw-prose-invert-pre-code: lab(84.92% 0 -.0000119209);
      --tw-prose-invert-th-borders: lab(34.924% 0 0);
      --tw-prose-invert-td-borders: lab(27.036% 0 0);
    }
  }

  .delay-100 {
    --tw-animation-delay: .1s;
    animation-delay: .1s;
  }

  .fade-in-0 {
    --tw-enter-opacity: 0;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }

  .\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--color-background\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\] {
    --bg: linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--color-background),#0000 calc(50% + var(--spread)));
  }

  .\[--brand-signal-foreground\:var\(--brand-signal-banner-foreground\)\] {
    --brand-signal-foreground: var(--brand-signal-banner-foreground);
  }

  .\[--brand-signal\:var\(--brand-signal-banner\)\] {
    --brand-signal: var(--brand-signal-banner);
  }

  .\[--cell-radius\:var\(--radius-md\)\] {
    --cell-radius: var(--radius-md);
  }

  .\[--cell-size\:--spacing\(7\)\] {
    --cell-size: calc(var(--spacing) * 7);
  }

  .\[grid-area\:1\/1\] {
    grid-area: 1 / 1;
  }

  .fade-in {
    --tw-enter-opacity: 0;
  }

  .paused {
    animation-play-state: paused;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  .running {
    animation-play-state: running;
  }

  .slide-in-from-top-2 {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }

  :is(.\*\:w-full > *) {
    width: 100%;
  }

  .not-last\:mb-2:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .not-last\:border-b:not(:last-child) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
      pointer-events: auto;
    }
  }

  @media (hover: hover) {
    .group-hover\:scale-\[1\.05\]:is(:where(.group):hover *) {
      scale: 1.05;
    }
  }

  @media (hover: hover) {
    .group-hover\:bg-accent:is(:where(.group):hover *) {
      background-color: var(--accent);
    }
  }

  @media (hover: hover) {
    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0;
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-80:is(:where(.group):hover *) {
      opacity: .8;
    }
  }

  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .group-hover\:ring-primary\/60:is(:where(.group):hover *) {
      --tw-ring-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:ring-primary\/60:is(:where(.group):hover *) {
        --tw-ring-color: color-mix(in oklab, var(--primary) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .group-hover\/row\:bg-\[var\(--console-surface-subtle\,var\(--muted\)\)\]:is(:where(.group\/row):hover *) {
      background-color: var(--console-surface-subtle, var(--muted));
    }
  }

  @media (hover: hover) {
    .group-hover\/spinner\:text-muted-foreground:is(:where(.group\/spinner):hover *) {
      color: var(--muted-foreground);
    }
  }

  @media (hover: hover) {
    .group-hover\/spinner\:opacity-30:is(:where(.group\/spinner):hover *) {
      opacity: .3;
    }
  }

  .group-focus\/context-menu-item\:text-accent-foreground:is(:where(.group\/context-menu-item):focus *) {
    color: var(--accent-foreground);
  }

  .group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *) {
    color: var(--accent-foreground);
  }

  .group-focus\/menubar-item\:text-accent-foreground:is(:where(.group\/menubar-item):focus *) {
    color: var(--accent-foreground);
  }

  .group-focus-visible\:ring-2:is(:where(.group):focus-visible *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *) {
    opacity: .5;
  }

  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
    padding-right: calc(var(--spacing) * 8);
  }

  .group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size="lg"]) *) {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size="sm"]) *) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(:where(.group\/input-group):has([data-slot="combobox-clear"]) *) {
    display: none;
  }

  .group-has-data-\[slot\=command-shortcut\]\/command-item\:hidden:is(:where(.group\/command-item):has([data-slot="command-shortcut"]) *) {
    display: none;
  }

  .group-has-data-\[slot\=item-description\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot="item-description"]) *) {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-has-data-\[slot\=item-description\]\/item\:self-start:is(:where(.group\/item):has([data-slot="item-description"]) *) {
    align-self: flex-start;
  }

  .group-has-data-horizontal\/field\:text-balance:is(:where(.group\/field):has(:where([data-orientation="horizontal"])) *) {
    text-wrap: balance;
  }

  .group-has-\[\>input\]\/input-group\:pt-2:is(:where(.group\/input-group):has( > input) *) {
    padding-top: calc(var(--spacing) * 2);
  }

  .group-has-\[\>input\]\/input-group\:pb-2:is(:where(.group\/input-group):has( > input) *) {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .group-has-\[\>svg\]\/alert\:col-start-2:is(:where(.group\/alert):has( > svg) *) {
    grid-column-start: 2;
  }

  .group-aria-expanded\/accordion-trigger\:hidden:is(:where(.group\/accordion-trigger)[aria-expanded="true"] *) {
    display: none;
  }

  .group-aria-expanded\/accordion-trigger\:inline:is(:where(.group\/accordion-trigger)[aria-expanded="true"] *) {
    display: inline;
  }

  .group-data-empty\/combobox-content\:flex:is(:where(.group\/combobox-content)[data-empty] *) {
    display: flex;
  }

  .group-data-popup-open\/navigation-menu-trigger\:rotate-180:is(:where(.group\/navigation-menu-trigger)[data-popup-open] *) {
    rotate: 180deg;
  }

  .group-data-\[checked\=true\]\/command-item\:opacity-100:is(:where(.group\/command-item)[data-checked="true"] *) {
    opacity: 1;
  }

  .group-data-\[collapsible\=icon\]\:pointer-events-none:is(:where(.group)[data-collapsible="icon"] *) {
    pointer-events: none;
  }

  .group-data-\[collapsible\=icon\]\:mx-auto:is(:where(.group)[data-collapsible="icon"] *) {
    margin-inline: auto;
  }

  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) {
    margin-top: calc(var(--spacing) * -8);
  }

  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) {
    display: none;
  }

  .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }

  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) {
    width: var(--sidebar-width-icon);
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
  }

  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
    overflow: hidden;
  }

  .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 0) !important;
  }

  .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 2) !important;
  }

  .group-data-\[collapsible\=icon\]\:px-2:is(:where(.group)[data-collapsible="icon"] *) {
    padding-inline: calc(var(--spacing) * 2);
  }

  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) {
    opacity: 0;
  }

  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    width: calc(var(--spacing) * 0);
  }

  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }

  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *) {
    position: relative;
  }

  .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *) {
    z-index: 10;
  }

  .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused="true"] *) {
    border-color: var(--ring);
  }

  .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .group-data-\[panel-open\]\:rotate-0:is(:where(.group)[data-panel-open] *) {
    rotate: 0deg;
  }

  .group-data-\[panel-open\]\:rotate-180:is(:where(.group)[data-panel-open] *) {
    rotate: 180deg;
  }

  .group-data-\[panel-open\]\/collapsible-trigger\:rotate-90:is(:where(.group\/collapsible-trigger)[data-panel-open] *) {
    rotate: 90deg;
  }

  .group-data-\[panel-open\]\/context-trigger\:rotate-180:is(:where(.group\/context-trigger)[data-panel-open] *) {
    rotate: 180deg;
  }

  .group-data-\[popup-open\]\/dropdown-trigger\:rotate-90:is(:where(.group\/dropdown-trigger)[data-popup-open] *) {
    rotate: 90deg;
  }

  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
    right: calc(var(--spacing) * -4);
  }

  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
    left: calc(var(--spacing) * 0);
  }

  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) {
    rotate: 180deg;
  }

  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .group-data-\[size\=compact\]\/tabs-list\:px-2:is(:where(.group\/tabs-list)[data-size="compact"] *) {
    padding-inline: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=compact\]\/tabs-list\:py-0:is(:where(.group\/tabs-list)[data-size="compact"] *) {
    padding-block: calc(var(--spacing) * 0);
  }

  .group-data-\[size\=compact\]\/tabs-list\:text-xs:is(:where(.group\/tabs-list)[data-size="compact"] *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size="default"] *) {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size="default"] *) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size="lg"] *) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
    display: grid;
  }

  .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size="sm"] *) {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size="sm"] *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .group-data-\[size\=sm\]\/card\:p-3:is(:where(.group\/card)[data-size="sm"] *) {
    padding: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=sm\]\/card\:px-3:is(:where(.group\/card)[data-size="sm"] *) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size="sm"] *) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .group-data-\[size\=sm\]\/item\:size-8:is(:where(.group\/item)[data-size="sm"] *) {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size="sm"] *) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=xs\]\/item\:size-6:is(:where(.group\/item)[data-size="xs"] *) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .group-data-\[size\=xs\]\/item\:gap-0:is(:where(.group\/item)[data-size="xs"] *) {
    gap: calc(var(--spacing) * 0);
  }

  .group-data-\[size\=xs\]\/item\:text-xs:is(:where(.group\/item)[data-size="xs"] *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .group-data-\[spacing\=0\]\/toggle-group\:rounded-none:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
    border-radius: 0;
  }

  .group-data-\[spacing\=0\]\/toggle-group\:px-2:is(:where(.group\/toggle-group)[data-spacing="0"] *) {
    padding-inline: calc(var(--spacing) * 2);
  }

  .group-data-\[state\=selected\]\/row\:bg-accent:is(:where(.group\/row)[data-state="selected"] *) {
    background-color: var(--accent);
  }

  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
    border-radius: var(--radius);
  }

  .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=floating\]\:ring-1:is(:where(.group)[data-variant="floating"] *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=floating\]\:ring-sidebar-border:is(:where(.group)[data-variant="floating"] *) {
    --tw-ring-color: var(--sidebar-border);
  }

  .group-data-\[variant\=line\]\/tabs-list\:flex-none:is(:where(.group\/tabs-list)[data-variant="line"] *) {
    flex: none;
  }

  .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *) {
    background-color: #0000;
  }

  .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *) {
    margin-bottom: calc(var(--spacing) * -2);
  }

  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
    display: block;
  }

  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
    text-align: center;
  }

  .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
    text-align: center;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-lg:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    border-radius: var(--radius);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    background-color: var(--popover);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    color: var(--popover-foreground);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:ring-1:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:ring-foreground\/10:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[viewport\=false\]\/navigation-menu\:ring-foreground\/10:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:duration-300:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .group-data-open\/navigation-menu-trigger\:rotate-180:is(:is(:where(.group\/navigation-menu-trigger):where([data-state="open"]), :where(.group\/navigation-menu-trigger):where([data-open]:not([data-open="false"]))) *) {
    rotate: 180deg;
  }

  .group-data-checked\:shadow-2xl:is(:is(:where(.group):where([data-state="checked"]), :where(.group):where([data-checked]:not([data-checked="false"]))) *) {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-checked\:shadow-md:is(:is(:where(.group):where([data-state="checked"]), :where(.group):where([data-checked]:not([data-checked="false"]))) *) {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-checked\:ring-primary:is(:is(:where(.group):where([data-state="checked"]), :where(.group):where([data-checked]:not([data-checked="false"]))) *) {
    --tw-ring-color: var(--primary);
  }

  .group-data-unchecked\:hidden:is(:is(:where(.group):where([data-state="unchecked"]), :where(.group):where([data-unchecked]:not([data-unchecked="false"]))) *) {
    display: none;
  }

  .group-data-unchecked\:fill-muted-foreground:is(:is(:where(.group):where([data-state="unchecked"]), :where(.group):where([data-unchecked]:not([data-unchecked="false"]))) *) {
    fill: var(--muted-foreground);
  }

  .group-data-unchecked\:stroke-muted-foreground:is(:is(:where(.group):where([data-state="unchecked"]), :where(.group):where([data-unchecked]:not([data-unchecked="false"]))) *) {
    stroke: var(--muted-foreground);
  }

  .group-data-selected\/command-item\:text-foreground:is(:where(.group\/command-item):where([data-selected="true"]) *) {
    color: var(--foreground);
  }

  .group-data-horizontal\/tabs\:h-7:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
    height: calc(var(--spacing) * 7);
  }

  .group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
    height: calc(var(--spacing) * 8);
  }

  .group-data-horizontal\/tabs\:h-11:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
    height: calc(var(--spacing) * 11);
  }

  .group-data-horizontal\/tabs\:h-auto:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
    height: auto;
  }

  .group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
    height: fit-content;
  }

  .group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
    width: 100%;
  }

  .group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
    flex-direction: column;
  }

  .group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
    justify-content: flex-start;
  }

  .group-\[\.is-assistant\]\:bg-secondary:is(:where(.group).is-assistant *) {
    background-color: var(--secondary);
  }

  .group-\[\.is-assistant\]\:text-foreground:is(:where(.group).is-assistant *) {
    color: var(--foreground);
  }

  .group-\[\.is-user\]\:max-w-\[80\%\]:is(:where(.group).is-user *) {
    max-width: 80%;
  }

  .group-\[\.is-user\]\:bg-primary:is(:where(.group).is-user *) {
    background-color: var(--primary);
  }

  .group-\[\.is-user\]\:bg-secondary:is(:where(.group).is-user *) {
    background-color: var(--secondary);
  }

  .group-\[\.is-user\]\:px-3:is(:where(.group).is-user *) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .group-\[\.is-user\]\:py-1:is(:where(.group).is-user *) {
    padding-block: calc(var(--spacing) * 1);
  }

  .group-\[\.is-user\]\:text-foreground:is(:where(.group).is-user *) {
    color: var(--foreground);
  }

  .group-\[\.is-user\]\:text-primary-foreground:is(:where(.group).is-user *) {
    color: var(--primary-foreground);
  }

  @media (hover: hover) {
    .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover ~ *) {
      color: var(--sidebar-accent-foreground);
    }
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
    top: calc(var(--spacing) * 1.5);
  }

  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
    top: calc(var(--spacing) * 2.5);
  }

  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
    top: calc(var(--spacing) * 1);
  }

  .peer-data-\[variant\=inset\]\:h-\[calc\(100svh-var\(--site-announcement-height\,0px\)-\(var\(--spacing\)\*4\)\)\]:is(:where(.peer)[data-variant="inset"] ~ *) {
    height: calc(100svh - var(--site-announcement-height, 0px) - (var(--spacing) * 4));
  }

  .peer-data-active\/menu-button\:text-sidebar-accent-foreground:is(:is(:where(.peer\/menu-button):where([data-state="active"]), :where(.peer\/menu-button):where([data-active]:not([data-active="false"]))) ~ *) {
    color: var(--sidebar-accent-foreground);
  }

  .marker\:text-foreground\/35 ::marker {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marker\:text-foreground\/35 ::marker {
      color: color-mix(in oklab, var(--foreground) 35%, transparent);
    }
  }

  .marker\:text-foreground\/35::marker {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marker\:text-foreground\/35::marker {
      color: color-mix(in oklab, var(--foreground) 35%, transparent);
    }
  }

  .marker\:text-foreground\/35 ::-webkit-details-marker {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marker\:text-foreground\/35 ::-webkit-details-marker {
      color: color-mix(in oklab, var(--foreground) 35%, transparent);
    }
  }

  .marker\:text-foreground\/35::-webkit-details-marker {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .marker\:text-foreground\/35::-webkit-details-marker {
      color: color-mix(in oklab, var(--foreground) 35%, transparent);
    }
  }

  .selection\:bg-primary ::selection, .selection\:bg-primary::selection {
    background-color: var(--primary);
  }

  .selection\:text-primary-foreground ::selection, .selection\:text-primary-foreground::selection {
    color: var(--primary-foreground);
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-6::file-selector-button {
    height: calc(var(--spacing) * 6);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }

  .placeholder\:text-muted-foreground\/50::placeholder {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .placeholder\:text-muted-foreground\/50::placeholder {
      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:-inset-2:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }

  .after\:inset-0:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }

  .after\:-inset-x-3:after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -3);
  }

  .after\:-inset-y-2:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * -2);
  }

  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .after\:start-1\/2:after {
    content: var(--tw-content);
    inset-inline-start: 50%;
  }

  .after\:right-0:after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%;
  }

  .after\:w-1:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1);
  }

  .after\:w-4:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }

  .after\:w-\[2px\]:after {
    content: var(--tw-content);
    width: 2px;
  }

  .after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 3.40282e38px;
  }

  .after\:border:after {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .after\:border-border:after {
    content: var(--tw-content);
    border-color: var(--border);
  }

  .after\:bg-foreground:after {
    content: var(--tw-content);
    background-color: var(--foreground);
  }

  .after\:bg-muted:after {
    content: var(--tw-content);
    background-color: var(--muted);
  }

  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .after\:mix-blend-darken:after {
    content: var(--tw-content);
    mix-blend-mode: darken;
  }

  .after\:transition-opacity:after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after {
    content: var(--tw-content);
    left: 100%;
  }

  .group-data-horizontal\/tabs\:after\:inset-x-0:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *):after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }

  .group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *):after {
    content: var(--tw-content);
    bottom: -5px;
  }

  .group-data-horizontal\/tabs\:after\:h-0\.5:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *):after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .group-data-vertical\/tabs\:after\:inset-y-0:is(:where(.group\/tabs):where([data-orientation="vertical"]) *):after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .group-data-vertical\/tabs\:after\:-right-1:is(:where(.group\/tabs):where([data-orientation="vertical"]) *):after {
    content: var(--tw-content);
    right: calc(var(--spacing) * -1);
  }

  .group-data-vertical\/tabs\:after\:w-0\.5:is(:where(.group\/tabs):where([data-orientation="vertical"]) *):after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .first\:rounded-l-lg:first-child {
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }

  .first\:border-l:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .last\:mt-0:last-child {
    margin-top: calc(var(--spacing) * 0);
  }

  .last\:rounded-r-lg:last-child {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .empty\:hidden:empty {
    display: none;
  }

  .focus-within\:border-ring:focus-within {
    border-color: var(--ring);
  }

  .focus-within\:ring-2:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:ring-3:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:ring-\[3px\]:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-within\:ring-ring\/25:focus-within {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-ring\/25:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--ring) 25%, transparent);
    }
  }

  .focus-within\:ring-ring\/50:focus-within {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-ring\/50:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  @media (hover: hover) {
    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }

  @media (hover: hover) {
    .hover\:border-border:hover {
      border-color: var(--border);
    }
  }

  @media (hover: hover) {
    .hover\:border-primary\/60:hover {
      border-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/60:hover {
        border-color: color-mix(in oklab, var(--primary) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-\[color-mix\(in_srgb\,var\(--foreground\)_8\%\,var\(--secondary\)\)\]:hover {
      background-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--foreground\)_8\%\,var\(--secondary\)\)\]:hover {
        background-color: color-mix(in srgb,var(--foreground) 8%,var(--secondary));
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-accent:hover {
      background-color: var(--accent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-accent\/50:hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-accent\/50:hover {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-destructive:hover {
      background-color: var(--destructive);
    }
  }

  @media (hover: hover) {
    .hover\:bg-destructive\/20:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/20:hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-destructive\/90:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-emerald-50\/70:hover {
      background-color: #ecfdf5b3;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-emerald-50\/70:hover {
        background-color: color-mix(in oklab, var(--color-emerald-50) 70%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted:hover {
      background-color: var(--muted);
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted-foreground\/10:hover {
      background-color: var(--muted-foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted-foreground\/10:hover {
        background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted-foreground\/20:hover {
      background-color: var(--muted-foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted-foreground\/20:hover {
        background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted\/20:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/20:hover {
        background-color: color-mix(in oklab, var(--muted) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted\/30:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/30:hover {
        background-color: color-mix(in oklab, var(--muted) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted\/40:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/40:hover {
        background-color: color-mix(in oklab, var(--muted) 40%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted\/50:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted\/55:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/55:hover {
        background-color: color-mix(in oklab, var(--muted) 55%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted\/60:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/60:hover {
        background-color: color-mix(in oklab, var(--muted) 60%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted\/70:hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/70:hover {
        background-color: color-mix(in oklab, var(--muted) 70%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-primary\/5:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/5:hover {
        background-color: color-mix(in oklab, var(--primary) 5%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-primary\/90:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-secondary-foreground\/20:hover {
      background-color: var(--secondary-foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary-foreground\/20:hover {
        background-color: color-mix(in oklab, var(--secondary-foreground) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-sidebar-accent:hover {
      background-color: var(--sidebar-accent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-transparent:hover {
      background-color: #0000;
    }
  }

  @media (hover: hover) {
    .hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }
  }

  @media (hover: hover) {
    .hover\:text-destructive:hover {
      color: var(--destructive);
    }
  }

  @media (hover: hover) {
    .hover\:text-destructive\/80:hover {
      color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-destructive\/80:hover {
        color: color-mix(in oklab, var(--destructive) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:text-emerald-600:hover {
      color: var(--color-emerald-600);
    }
  }

  @media (hover: hover) {
    .hover\:text-foreground:hover {
      color: var(--foreground);
    }
  }

  @media (hover: hover) {
    .hover\:text-muted-foreground:hover {
      color: var(--muted-foreground);
    }
  }

  @media (hover: hover) {
    .hover\:text-primary:hover {
      color: var(--primary);
    }
  }

  @media (hover: hover) {
    .hover\:text-primary-foreground:hover {
      color: var(--primary-foreground);
    }
  }

  @media (hover: hover) {
    .hover\:text-primary\/80:hover {
      color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:text-primary\/80:hover {
        color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:text-sidebar-accent-foreground:hover {
      color: var(--sidebar-accent-foreground);
    }
  }

  @media (hover: hover) {
    .hover\:no-underline:hover {
      text-decoration-line: none;
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-70:hover {
      opacity: .7;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-75:hover {
      opacity: .75;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-80:hover {
      opacity: .8;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-90:hover {
      opacity: .9;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:ring-3:hover {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:ring-foreground\/25:hover {
      --tw-ring-color: var(--foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-foreground\/25:hover {
        --tw-ring-color: color-mix(in oklab, var(--foreground) 25%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:brightness-95:hover {
      --tw-brightness: brightness(95%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  @media (hover: hover) {
    @media (hover: hover) {
      .group-hover\/spinner\:hover\:bg-muted:is(:where(.group\/spinner):hover *):hover {
        background-color: var(--muted);
      }
    }
  }

  @media (hover: hover) {
    @media (hover: hover) {
      .group-hover\/spinner\:hover\:text-foreground:is(:where(.group\/spinner):hover *):hover {
        color: var(--foreground);
      }
    }
  }

  @media (hover: hover) {
    .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible="offcanvas"] *) {
      background-color: var(--sidebar);
    }
  }

  @media (hover: hover) {
    .hover\:after\:bg-sidebar-border:hover:after {
      content: var(--tw-content);
      background-color: var(--sidebar-border);
    }
  }

  .focus\:z-10:focus {
    z-index: 10;
  }

  .focus\:translate-y-3:focus {
    --tw-translate-y: calc(var(--spacing) * 3);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .focus\:transform:focus {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .focus\:border-primary\/50:focus {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-primary\/50:focus {
      border-color: color-mix(in oklab, var(--primary) 50%, transparent);
    }
  }

  .focus\:bg-accent:focus {
    background-color: var(--accent);
  }

  .focus\:bg-muted:focus {
    background-color: var(--muted);
  }

  .focus\:text-accent-foreground:focus {
    color: var(--accent-foreground);
  }

  .focus\:text-destructive:focus {
    color: var(--destructive);
  }

  .focus\:\!ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-primary\/20:focus {
    --tw-ring-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-primary\/20:focus {
      --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .focus\:\!outline-none:focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.focus\:\*\*\:text-accent-foreground:focus *) {
    color: var(--accent-foreground);
  }

  :is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant="destructive"]):focus *) {
    color: var(--accent-foreground);
  }

  .focus-visible\:z-10:focus-visible {
    z-index: 10;
  }

  .focus-visible\:border-destructive\/40:focus-visible {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:border-destructive\/40:focus-visible {
      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }

  .focus-visible\:underline:focus-visible {
    text-decoration-line: underline;
  }

  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }

  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-3:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[var\(--auth-focus-ring\)\]:focus-visible {
    --tw-ring-color: var(--auth-focus-ring);
  }

  .focus-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .focus-visible\:ring-destructive\/25:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/25:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 25%, transparent);
    }
  }

  .focus-visible\:ring-reward\/20:focus-visible {
    --tw-ring-color: var(--reward);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-reward\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--reward) 20%, transparent);
    }
  }

  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--ring);
  }

  .focus-visible\:ring-ring\/40:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/40:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 40%, transparent);
    }
  }

  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .focus-visible\:ring-ring\/60:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/60:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 60%, transparent);
    }
  }

  .focus-visible\:ring-success\/20:focus-visible {
    --tw-ring-color: var(--success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-success\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--success) 20%, transparent);
    }
  }

  .focus-visible\:ring-trust\/25:focus-visible {
    --tw-ring-color: var(--trust);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-trust\/25:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--trust) 25%, transparent);
    }
  }

  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus-visible\:outline-hidden:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--ring);
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.\*\:focus-visible\:relative > *):focus-visible {
    position: relative;
  }

  :is(.\*\:focus-visible\:z-10 > *):focus-visible {
    z-index: 10;
  }

  .focus-visible\:after\:border-ring:focus-visible:after {
    content: var(--tw-content);
    border-color: var(--ring);
  }

  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .active\:bg-background:active {
    background-color: var(--background);
  }

  .active\:bg-sidebar-accent:active {
    background-color: var(--sidebar-accent);
  }

  .active\:text-sidebar-accent-foreground:active {
    color: var(--sidebar-accent-foreground);
  }

  .active\:opacity-80:active {
    opacity: .8;
  }

  .active\:ring-3:active {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:bg-input\/50:disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:bg-input\/50:disabled {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }

  .disabled\:bg-transparent:disabled {
    background-color: #0000;
  }

  .disabled\:text-muted-foreground:disabled {
    color: var(--muted-foreground);
  }

  .disabled\:text-muted-foreground\/50:disabled {
    color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:text-muted-foreground\/50:disabled {
      color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }

  .disabled\:no-underline:disabled {
    text-decoration-line: none;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize {
    cursor: w-resize;
  }

  :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize {
    cursor: e-resize;
  }

  :where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-lg {
    border-radius: var(--radius);
  }

  :where([data-slot="card-content"]) .in-data-\[slot\=card-content\]\:bg-transparent {
    background-color: #0000;
  }

  :where([data-slot="combobox-content"]) .in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit:focus-within {
    border-color: inherit;
  }

  :where([data-slot="combobox-content"]) .in-data-\[slot\=combobox-content\]\:focus-within\:ring-0:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :where([data-slot="dialog-content"]) .in-data-\[slot\=dialog-content\]\:rounded-lg\! {
    border-radius: var(--radius) !important;
  }

  :where([data-slot="dropdown-menu-content"]) .in-data-\[slot\=dropdown-menu-content\]\:p-0 {
    padding: calc(var(--spacing) * 0);
  }

  :where([data-slot="navigation-menu-content"]) .in-data-\[slot\=navigation-menu-content\]\:rounded-md {
    border-radius: calc(var(--radius) * .8);
  }

  :where([data-slot="popover-content"]) .in-data-\[slot\=popover-content\]\:bg-transparent {
    background-color: #0000;
  }

  :where([data-slot="tooltip-content"]) .in-data-\[slot\=tooltip-content\]\:bg-background\/20 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where([data-slot="tooltip-content"]) .in-data-\[slot\=tooltip-content\]\:bg-background\/20 {
      background-color: color-mix(in oklab, var(--background) 20%, transparent);
    }
  }

  :where([data-slot="tooltip-content"]) .in-data-\[slot\=tooltip-content\]\:text-background {
    color: var(--background);
  }

  .has-disabled\:pointer-events-none:has(:disabled) {
    pointer-events: none;
  }

  .has-disabled\:cursor-not-allowed:has(:disabled) {
    cursor: not-allowed;
  }

  .has-disabled\:bg-input\/50:has(:disabled) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-disabled\:bg-input\/50:has(:disabled) {
      background-color: color-mix(in oklab, var(--input) 50%, transparent);
    }
  }

  .has-disabled\:opacity-50:has(:disabled) {
    opacity: .5;
  }

  .has-aria-expanded\:bg-muted\/50:has([aria-expanded="true"]) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-aria-expanded\:bg-muted\/50:has([aria-expanded="true"]) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .has-aria-invalid\:border-destructive:has([aria-invalid="true"]) {
    border-color: var(--destructive);
  }

  .has-aria-invalid\:ring-3:has([aria-invalid="true"]) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-aria-invalid\:ring-destructive\/20:has([aria-invalid="true"]) {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-aria-invalid\:ring-destructive\/20:has([aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .has-data-\[icon\=inline-end\]\:pr-1:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1);
  }

  .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 2);
  }

  .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-end\]\:pr-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon="inline-end"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-start\]\:pl-1:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1);
  }

  .has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 2);
  }

  .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-start\]\:pl-1\.5:is(:where(.group\/toggle-group)[data-spacing="0"] *):has([data-icon="inline-start"]) {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .has-data-\[size\=sm\]\:gap-2\.5:has([data-size="sm"]) {
    gap: calc(var(--spacing) * 2.5);
  }

  .has-data-\[size\=xs\]\:gap-2:has([data-size="xs"]) {
    gap: calc(var(--spacing) * 2);
  }

  .has-data-\[slot\=alert-action\]\:relative:has([data-slot="alert-action"]) {
    position: relative;
  }

  .has-data-\[slot\=alert-action\]\:pr-18:has([data-slot="alert-action"]) {
    padding-right: calc(var(--spacing) * 18);
  }

  .has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot="alert-dialog-media"]) {
    grid-template-rows: auto auto 1fr;
  }

  .has-data-\[slot\=alert-dialog-media\]\:gap-x-4:has([data-slot="alert-dialog-media"]) {
    column-gap: calc(var(--spacing) * 4);
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot="card-description"]) {
    grid-template-rows: auto auto;
  }

  .has-data-\[slot\=card-footer\]\:pb-0:has([data-slot="card-footer"]) {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .has-data-\[slot\=combobox-chip\]\:px-1:has([data-slot="combobox-chip"]) {
    padding-inline: calc(var(--spacing) * 1);
  }

  .has-data-\[slot\=combobox-chip-remove\]\:pr-0:has([data-slot="combobox-chip-remove"]) {
    padding-right: calc(var(--spacing) * 0);
  }

  .has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot="kbd"]) {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant="inset"]) {
    background-color: var(--sidebar);
  }

  .has-data-checked\:border-primary\/30:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-data-checked\:border-primary\/30:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
      border-color: color-mix(in oklab, var(--primary) 30%, transparent);
    }
  }

  .has-data-checked\:bg-primary\/5:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-data-checked\:bg-primary\/5:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot="input-group-control"]:focus-visible) {
    border-color: var(--ring);
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:has([data-slot="input-group-control"]:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid="true"]) {
    border-color: var(--destructive);
  }

  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:has([data-slot][aria-invalid="true"]) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]) {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)) {
    opacity: .5;
  }

  .has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align="block-end"]) {
    height: auto;
  }

  .has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align="block-end"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align="block-start"]) {
    height: auto;
  }

  .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align="block-start"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has( > [data-slot="button-group"]) {
    gap: calc(var(--spacing) * 2);
  }

  .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has( > [data-slot="checkbox-group"]) {
    gap: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
    align-items: flex-start;
  }

  .has-\[\>\[data-slot\=field\]\]\:w-full:has( > [data-slot="field"]) {
    width: 100%;
  }

  .has-\[\>\[data-slot\=field\]\]\:flex-col:has( > [data-slot="field"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-slot\=field\]\]\:rounded-lg:has( > [data-slot="field"]) {
    border-radius: var(--radius);
  }

  .has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot="field"]) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has( > [data-slot="radio-group"]) {
    gap: calc(var(--spacing) * 3);
  }

  .has-\[\>button\]\:mr-\[-0\.3rem\]:has( > button) {
    margin-right: -.3rem;
  }

  .has-\[\>button\]\:ml-\[-0\.3rem\]:has( > button) {
    margin-left: -.3rem;
  }

  .has-\[\>img\:first-child\]\:pt-0:has( > img:first-child) {
    padding-top: calc(var(--spacing) * 0);
  }

  .has-\[\>kbd\]\:mr-\[-0\.15rem\]:has( > kbd) {
    margin-right: -.15rem;
  }

  .has-\[\>kbd\]\:ml-\[-0\.15rem\]:has( > kbd) {
    margin-left: -.15rem;
  }

  .has-\[\>svg\]\:grid-cols-\[auto_1fr\]:has( > svg) {
    grid-template-columns: auto 1fr;
  }

  .has-\[\>svg\]\:gap-x-2:has( > svg) {
    column-gap: calc(var(--spacing) * 2);
  }

  .has-\[\>svg\]\:p-0:has( > svg) {
    padding: calc(var(--spacing) * 0);
  }

  .has-\[\>textarea\]\:h-auto:has( > textarea) {
    height: auto;
  }

  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }

  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: .5;
  }

  .aria-expanded\:bg-muted[aria-expanded="true"] {
    background-color: var(--muted);
  }

  .aria-expanded\:bg-secondary[aria-expanded="true"] {
    background-color: var(--secondary);
  }

  .aria-expanded\:bg-transparent[aria-expanded="true"] {
    background-color: #0000;
  }

  .aria-expanded\:text-foreground[aria-expanded="true"] {
    color: var(--foreground);
  }

  .aria-expanded\:text-primary-foreground[aria-expanded="true"] {
    color: var(--primary-foreground);
  }

  .aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
    color: var(--secondary-foreground);
  }

  .aria-expanded\:opacity-100[aria-expanded="true"] {
    opacity: 1;
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .aria-invalid\:ring-0[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .aria-invalid\:ring-3[aria-invalid="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .aria-invalid\:aria-checked\:border-primary[aria-invalid="true"][aria-checked="true"] {
    border-color: var(--primary);
  }

  .aria-pressed\:bg-background[aria-pressed="true"] {
    background-color: var(--background);
  }

  .aria-pressed\:bg-muted[aria-pressed="true"] {
    background-color: var(--muted);
  }

  .aria-pressed\:text-foreground[aria-pressed="true"] {
    color: var(--foreground);
  }

  .aria-pressed\:shadow-sm[aria-pressed="true"] {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .aria-selected\:text-muted-foreground[aria-selected="true"] {
    color: var(--muted-foreground);
  }

  .aria-\[orientation\=horizontal\]\:h-px[aria-orientation="horizontal"] {
    height: 1px;
  }

  .aria-\[orientation\=horizontal\]\:w-full[aria-orientation="horizontal"] {
    width: 100%;
  }

  .aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation="horizontal"]:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation="horizontal"]:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1);
  }

  .aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation="horizontal"]:after {
    content: var(--tw-content);
    width: 100%;
  }

  .aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation="horizontal"]:after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation="horizontal"]:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .aria-\[orientation\=vertical\]\:flex-col[aria-orientation="vertical"] {
    flex-direction: column;
  }

  .data-empty\:p-0[data-empty] {
    padding: calc(var(--spacing) * 0);
  }

  .data-ending-style\:h-0[data-ending-style] {
    height: calc(var(--spacing) * 0);
  }

  .data-ending-style\:translate-x-\[-2\.5rem\][data-ending-style] {
    --tw-translate-x: -2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-ending-style\:translate-x-\[2\.5rem\][data-ending-style] {
    --tw-translate-x: 2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-ending-style\:translate-y-\[-2\.5rem\][data-ending-style] {
    --tw-translate-y: -2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-ending-style\:translate-y-\[2\.5rem\][data-ending-style] {
    --tw-translate-y: 2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-ending-style\:scale-90[data-ending-style] {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-ending-style\:opacity-0[data-ending-style] {
    opacity: 0;
  }

  .data-ending-style\:duration-150[data-ending-style] {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .data-highlighted\:bg-accent[data-highlighted] {
    background-color: var(--accent);
  }

  .data-highlighted\:text-accent-foreground[data-highlighted] {
    color: var(--accent-foreground);
  }

  :is(.not-data-\[variant\=destructive\]\:data-highlighted\:\*\*\:text-accent-foreground:not([data-variant="destructive"])[data-highlighted] *) {
    color: var(--accent-foreground);
  }

  .data-inset\:pl-7[data-inset] {
    padding-left: calc(var(--spacing) * 7);
  }

  .data-instant\:transition-none[data-instant] {
    transition-property: none;
  }

  .data-placeholder\:text-muted-foreground[data-placeholder] {
    color: var(--muted-foreground);
  }

  .data-popup-open\:border-ring[data-popup-open] {
    border-color: var(--ring);
  }

  .data-popup-open\:bg-accent[data-popup-open] {
    background-color: var(--accent);
  }

  .data-popup-open\:bg-background[data-popup-open] {
    background-color: var(--background);
  }

  .data-popup-open\:bg-muted[data-popup-open] {
    background-color: var(--muted);
  }

  .data-popup-open\:bg-muted\/50[data-popup-open] {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-popup-open\:bg-muted\/50[data-popup-open] {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .data-popup-open\:text-accent-foreground[data-popup-open] {
    color: var(--accent-foreground);
  }

  .data-popup-open\:ring-\[3px\][data-popup-open] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-popup-open\:ring-ring\/20[data-popup-open] {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-popup-open\:ring-ring\/20[data-popup-open] {
      --tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent);
    }
  }

  @media (hover: hover) {
    .data-popup-open\:hover\:bg-muted[data-popup-open]:hover {
      background-color: var(--muted);
    }
  }

  .data-pressed\:bg-transparent[data-pressed] {
    background-color: #0000;
  }

  :is(.\*\:data-slot\:rounded-r-none > *)[data-slot] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  :is(.\*\:data-slot\:rounded-b-none > *)[data-slot] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .data-starting-style\:h-0[data-starting-style] {
    height: calc(var(--spacing) * 0);
  }

  .data-starting-style\:translate-x-\[-2\.5rem\][data-starting-style] {
    --tw-translate-x: -2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-starting-style\:translate-x-\[2\.5rem\][data-starting-style] {
    --tw-translate-x: 2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-starting-style\:translate-y-\[-2\.5rem\][data-starting-style] {
    --tw-translate-y: -2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-starting-style\:translate-y-\[2\.5rem\][data-starting-style] {
    --tw-translate-y: 2.5rem;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-starting-style\:scale-90[data-starting-style] {
    --tw-scale-x: 90%;
    --tw-scale-y: 90%;
    --tw-scale-z: 90%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-starting-style\:opacity-0[data-starting-style] {
    opacity: 0;
  }

  .data-\[active\=true\]\:z-10[data-active="true"] {
    z-index: 10;
  }

  .data-\[active\=true\]\:border-ring[data-active="true"] {
    border-color: var(--ring);
  }

  .data-\[active\=true\]\:ring-3[data-active="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[active\=true\]\:ring-ring\/50[data-active="true"] {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[active\=true\]\:ring-ring\/50[data-active="true"] {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .data-\[active\=true\]\:aria-invalid\:border-destructive[data-active="true"][aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active="true"][aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active="true"][aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .data-\[chips\=true\]\:min-w-\(--anchor-width\)[data-chips="true"] {
    min-width: var(--anchor-width);
  }

  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events: none;
  }

  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: .5;
  }

  .data-\[drag-active\=true\]\:border-primary[data-drag-active="true"] {
    border-color: var(--primary);
  }

  .data-\[drag-active\=true\]\:bg-primary\/5[data-drag-active="true"] {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[drag-active\=true\]\:bg-primary\/5[data-drag-active="true"] {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .data-\[empty\=true\]\:text-muted-foreground[data-empty="true"] {
    color: var(--muted-foreground);
  }

  .data-\[error\=true\]\:text-destructive[data-error="true"] {
    color: var(--destructive);
  }

  .data-\[invalid\=true\]\:border-destructive[data-invalid="true"] {
    border-color: var(--destructive);
  }

  .data-\[invalid\=true\]\:text-destructive[data-invalid="true"] {
    color: var(--destructive);
  }

  .data-\[invalid\=true\]\:ring-destructive\/20[data-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[invalid\=true\]\:ring-destructive\/20[data-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
    --tw-enter-translate-x: calc(52*var(--spacing));
  }

  .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
    --tw-enter-translate-x: calc(52*var(--spacing)*-1);
  }

  .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
    --tw-exit-translate-x: calc(52*var(--spacing));
  }

  .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
    --tw-exit-translate-x: calc(52*var(--spacing)*-1);
  }

  .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
    --tw-enter-opacity: 0;
  }

  .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
    --tw-exit-opacity: 0;
  }

  .data-\[pressed\]\:bg-background[data-pressed] {
    background-color: var(--background);
  }

  .data-\[pressed\]\:text-foreground[data-pressed] {
    color: var(--foreground);
  }

  .data-\[pressed\]\:shadow-sm[data-pressed] {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[range-end\=true\]\:rounded-\(--cell-radius\)[data-range-end="true"] {
    border-radius: var(--cell-radius);
  }

  .data-\[range-end\=true\]\:rounded-r-\(--cell-radius\)[data-range-end="true"] {
    border-top-right-radius: var(--cell-radius);
    border-bottom-right-radius: var(--cell-radius);
  }

  .data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
    background-color: var(--primary);
  }

  .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
    color: var(--primary-foreground);
  }

  .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
    border-radius: 0;
  }

  .data-\[range-middle\=true\]\:bg-muted[data-range-middle="true"] {
    background-color: var(--muted);
  }

  .data-\[range-middle\=true\]\:text-foreground[data-range-middle="true"] {
    color: var(--foreground);
  }

  .data-\[range-start\=true\]\:rounded-\(--cell-radius\)[data-range-start="true"] {
    border-radius: var(--cell-radius);
  }

  .data-\[range-start\=true\]\:rounded-l-\(--cell-radius\)[data-range-start="true"] {
    border-top-left-radius: var(--cell-radius);
    border-bottom-left-radius: var(--cell-radius);
  }

  .data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
    background-color: var(--primary);
  }

  .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] {
    color: var(--primary-foreground);
  }

  .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
    background-color: var(--primary);
  }

  .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] {
    color: var(--primary-foreground);
  }

  .data-\[selected\=true\]\:rounded-none[data-selected="true"] {
    border-radius: 0;
  }

  .data-\[selected\=true\]\:border-primary[data-selected="true"] {
    border-color: var(--primary);
  }

  .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
    background-color: var(--accent);
  }

  .data-\[selected\=true\]\:bg-muted[data-selected="true"] {
    background-color: var(--muted);
  }

  .data-\[selected\=true\]\:bg-primary\/5[data-selected="true"] {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[selected\=true\]\:bg-primary\/5[data-selected="true"] {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .data-\[side\=bottom\]\:top-1[data-side="bottom"] {
    top: calc(var(--spacing) * 1);
  }

  .data-\[side\=bottom\]\:slide-in-from-top-0[data-side="bottom"] {
    --tw-enter-translate-y: calc(0*-100%);
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=bottom\]\:before\:top-\[-10px\][data-side="bottom"]:before {
    content: var(--tw-content);
    top: -10px;
  }

  .data-\[side\=bottom\]\:before\:right-0[data-side="bottom"]:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .data-\[side\=bottom\]\:before\:left-0[data-side="bottom"]:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .data-\[side\=inline-end\]\:top-1\/2\![data-side="inline-end"] {
    top: 50% !important;
  }

  .data-\[side\=inline-end\]\:-left-1[data-side="inline-end"] {
    left: calc(var(--spacing) * -1);
  }

  .data-\[side\=inline-end\]\:-translate-y-1\/2[data-side="inline-end"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=inline-start\]\:top-1\/2\![data-side="inline-start"] {
    top: 50% !important;
  }

  .data-\[side\=inline-start\]\:-right-1[data-side="inline-start"] {
    right: calc(var(--spacing) * -1);
  }

  .data-\[side\=inline-start\]\:-translate-y-1\/2[data-side="inline-start"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:top-1\/2\![data-side="left"] {
    top: 50% !important;
  }

  .data-\[side\=left\]\:-right-1[data-side="left"] {
    right: calc(var(--spacing) * -1);
  }

  .data-\[side\=left\]\:left-0[data-side="left"] {
    left: calc(var(--spacing) * 0);
  }

  .data-\[side\=left\]\:-translate-y-1\/2[data-side="left"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:slide-in-from-right-0[data-side="left"] {
    --tw-enter-translate-x: calc(0*100%);
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }

  .data-\[side\=left\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side="left"]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    left: calc(var(--sidebar-width) * -1);
  }

  .data-\[side\=right\]\:top-1\/2\![data-side="right"] {
    top: 50% !important;
  }

  .data-\[side\=right\]\:right-0[data-side="right"] {
    right: calc(var(--spacing) * 0);
  }

  .data-\[side\=right\]\:-left-1[data-side="right"] {
    left: calc(var(--spacing) * -1);
  }

  .data-\[side\=right\]\:-translate-y-1\/2[data-side="right"] {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:slide-in-from-left-0[data-side="right"] {
    --tw-enter-translate-x: calc(0*-100%);
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=right\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\][data-side="right"]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    right: calc(var(--sidebar-width) * -1);
  }

  .data-\[side\=top\]\:-bottom-2\.5[data-side="top"] {
    bottom: calc(var(--spacing) * -2.5);
  }

  .data-\[side\=top\]\:slide-in-from-bottom-0[data-side="top"] {
    --tw-enter-translate-y: calc(0*100%);
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }

  .data-\[size\=default\]\:h-8[data-size="default"] {
    height: calc(var(--spacing) * 8);
  }

  .data-\[size\=default\]\:h-\[18\.4px\][data-size="default"] {
    height: 18.4px;
  }

  .data-\[size\=default\]\:w-\[32px\][data-size="default"] {
    width: 32px;
  }

  .data-\[size\=default\]\:max-w-xs[data-size="default"] {
    max-width: var(--container-xs);
  }

  .data-\[size\=lg\]\:size-10[data-size="lg"] {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .data-\[size\=md\]\:text-sm[data-size="md"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .data-\[size\=sm\]\:size-6[data-size="sm"] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .data-\[size\=sm\]\:h-7[data-size="sm"] {
    height: calc(var(--spacing) * 7);
  }

  .data-\[size\=sm\]\:h-\[14px\][data-size="sm"] {
    height: 14px;
  }

  .data-\[size\=sm\]\:w-\[24px\][data-size="sm"] {
    width: 24px;
  }

  .data-\[size\=sm\]\:max-w-xs[data-size="sm"] {
    max-width: var(--container-xs);
  }

  .data-\[size\=sm\]\:gap-3[data-size="sm"] {
    gap: calc(var(--spacing) * 3);
  }

  .data-\[size\=sm\]\:rounded-md[data-size="sm"] {
    border-radius: calc(var(--radius) * .8);
  }

  .data-\[size\=sm\]\:py-0\.5[data-size="sm"] {
    padding-block: calc(var(--spacing) * .5);
  }

  .data-\[size\=sm\]\:py-3[data-size="sm"] {
    padding-block: calc(var(--spacing) * 3);
  }

  .data-\[size\=sm\]\:text-xs[data-size="sm"] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size="sm"]:has([data-slot="card-footer"]) {
    padding-bottom: calc(var(--spacing) * 0);
  }

  :is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:ml-auto *)[data-slot="accordion-trigger-icon"] {
    margin-left: auto;
  }

  :is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:size-4 *)[data-slot="accordion-trigger-icon"] {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  :is(.\*\*\:data-\[slot\=accordion-trigger-icon\]\:text-muted-foreground *)[data-slot="accordion-trigger-icon"] {
    color: var(--muted-foreground);
  }

  :is(.\*\:data-\[slot\=alert-description\]\:text-brand-signal-foreground\/80 > *)[data-slot="alert-description"] {
    color: var(--brand-signal-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\:data-\[slot\=alert-description\]\:text-brand-signal-foreground\/80 > *)[data-slot="alert-description"] {
      color: color-mix(in oklab, var(--brand-signal-foreground) 80%, transparent);
    }
  }

  :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
      color: color-mix(in oklab, var(--destructive) 90%, transparent);
    }
  }

  :is(.\*\:data-\[slot\=alert-description\]\:text-foreground\/80 > *)[data-slot="alert-description"] {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\:data-\[slot\=alert-description\]\:text-foreground\/80 > *)[data-slot="alert-description"] {
      color: color-mix(in oklab, var(--foreground) 80%, transparent);
    }
  }

  :is(.\*\:data-\[slot\=alert-description\]\:text-trust-surface-foreground\/75 > *)[data-slot="alert-description"] {
    color: var(--trust-surface-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\:data-\[slot\=alert-description\]\:text-trust-surface-foreground\/75 > *)[data-slot="alert-description"] {
      color: color-mix(in oklab, var(--trust-surface-foreground) 75%, transparent);
    }
  }

  :is(.\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot="avatar"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.\*\:data-\[slot\=avatar\]\:ring-background > *)[data-slot="avatar"] {
    --tw-ring-color: var(--background);
  }

  .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
    gap: calc(var(--spacing) * 3);
  }

  :is(.\*\:data-\[slot\=field\]\:p-2\.5 > *)[data-slot="field"] {
    padding: calc(var(--spacing) * 2.5);
  }

  :is(.\*\:data-\[slot\=field-group\]\:gap-4 > *)[data-slot="field-group"] {
    gap: calc(var(--spacing) * 4);
  }

  :is(.\*\:data-\[slot\=field-label\]\:flex-auto > *)[data-slot="field-label"] {
    flex: auto;
  }

  :is(.\*\:data-\[slot\=input-group\]\:m-0 > *)[data-slot="input-group"] {
    margin: calc(var(--spacing) * 0);
  }

  :is(.\*\:data-\[slot\=input-group\]\:mb-0 > *)[data-slot="input-group"] {
    margin-bottom: calc(var(--spacing) * 0);
  }

  :is(.\*\:data-\[slot\=input-group\]\:h-8 > *)[data-slot="input-group"] {
    height: calc(var(--spacing) * 8);
  }

  :is(.\*\:data-\[slot\=input-group\]\:border-input\/30 > *)[data-slot="input-group"] {
    border-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\:data-\[slot\=input-group\]\:border-input\/30 > *)[data-slot="input-group"] {
      border-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(.\*\:data-\[slot\=input-group\]\:bg-input\/30 > *)[data-slot="input-group"] {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\:data-\[slot\=input-group\]\:bg-input\/30 > *)[data-slot="input-group"] {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(.\*\:data-\[slot\=input-group\]\:shadow-none > *)[data-slot="input-group"] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.\*\:data-\[slot\=input-group-addon\]\:pl-2\! > *)[data-slot="input-group-addon"] {
    padding-left: calc(var(--spacing) * 2) !important;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot="kbd"] {
    position: relative;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot="kbd"] {
    isolation: isolate;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot="kbd"] {
    z-index: 50;
  }

  :is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot="kbd"] {
    border-radius: calc(var(--radius) * .6);
  }

  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot="navigation-menu-link"]:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot="navigation-menu-link"]:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }

  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }

  :is(.\*\:data-\[slot\=select-value\]\:gap-1\.5 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 1.5);
  }

  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-lg:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *)[data-spacing="0"]:first-child {
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }

  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-lg:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *)[data-spacing="0"]:first-child {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
  }

  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-lg:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *)[data-spacing="0"]:last-child {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }

  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-lg:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *)[data-spacing="0"]:last-child {
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }

  .data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=on\]\:bg-muted[data-state="on"] {
    background-color: var(--muted);
  }

  .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
    background-color: var(--muted);
  }

  .data-\[state\=visible\]\:animate-in[data-state="visible"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=visible\]\:fade-in[data-state="visible"] {
    --tw-enter-opacity: 0;
  }

  .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
    color: var(--destructive);
  }

  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
    color: var(--destructive);
  }

  .data-\[variant\=label\]\:text-sm[data-variant="label"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .data-\[variant\=legend\]\:text-base[data-variant="legend"] {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .data-\[variant\=line\]\:rounded-none[data-variant="line"] {
    border-radius: 0;
  }

  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *)[data-spacing="0"][data-variant="outline"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *)[data-spacing="0"][data-variant="outline"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .group-data-horizontal\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:is(:where(.group\/toggle-group):where([data-orientation="horizontal"]) *)[data-spacing="0"][data-variant="outline"]:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .group-data-vertical\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t:is(:where(.group\/toggle-group):where([data-orientation="vertical"]) *)[data-spacing="0"][data-variant="outline"]:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] {
    inset-inline: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] {
    bottom: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] {
    margin-top: calc(var(--spacing) * 24);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] {
    max-height: 80vh;
  }

  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-xl[data-vaul-drawer-direction="bottom"] {
    border-top-left-radius: calc(var(--radius) * 1.4);
    border-top-right-radius: calc(var(--radius) * 1.4);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] {
    inset-block: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] {
    left: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] {
    width: 75%;
  }

  .data-\[vaul-drawer-direction\=left\]\:rounded-r-xl[data-vaul-drawer-direction="left"] {
    border-top-right-radius: calc(var(--radius) * 1.4);
    border-bottom-right-radius: calc(var(--radius) * 1.4);
  }

  .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] {
    inset-block: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] {
    right: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] {
    width: 75%;
  }

  .data-\[vaul-drawer-direction\=right\]\:rounded-l-xl[data-vaul-drawer-direction="right"] {
    border-top-left-radius: calc(var(--radius) * 1.4);
    border-bottom-left-radius: calc(var(--radius) * 1.4);
  }

  .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] {
    inset-inline: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] {
    top: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] {
    margin-bottom: calc(var(--spacing) * 24);
  }

  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] {
    max-height: 80vh;
  }

  .data-\[vaul-drawer-direction\=top\]\:rounded-b-xl[data-vaul-drawer-direction="top"] {
    border-bottom-right-radius: calc(var(--radius) * 1.4);
    border-bottom-left-radius: calc(var(--radius) * 1.4);
  }

  .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .nth-last-2\:-mt-1:nth-last-child(2) {
    margin-top: calc(var(--spacing) * -1);
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-backdrop-filter\:backdrop-blur-md {
      --tw-backdrop-blur: blur(var(--blur-md));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-backdrop-filter\:backdrop-blur-xs {
      --tw-backdrop-blur: blur(var(--blur-xs));
      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    }
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-\[backdrop-filter\]\:bg-background\/60 {
      background-color: var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .supports-\[backdrop-filter\]\:bg-background\/60 {
        background-color: color-mix(in oklab, var(--background) 60%, transparent);
      }
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-all {
      transition-property: all;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-colors {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:transition-opacity {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:duration-200 {
      --tw-duration: .2s;
      transition-duration: .2s;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:duration-300 {
      --tw-duration: .3s;
      transition-duration: .3s;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:duration-500 {
      --tw-duration: .5s;
      transition-duration: .5s;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:duration-700 {
      --tw-duration: .7s;
      transition-duration: .7s;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .motion-safe\:ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\] {
      --tw-ease: cubic-bezier(.16,1,.3,1);
      transition-timing-function: cubic-bezier(.16, 1, .3, 1);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }

  @media not (min-width: 64rem) {
    .max-lg\:hidden {
      display: none;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:hidden {
      display: none;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:min-h-9 {
      min-height: calc(var(--spacing) * 9);
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:\!w-full {
      width: 100% !important;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:\!max-w-none {
      max-width: none !important;
    }
  }

  @media not (min-width: 48rem) {
    .max-md\:min-w-9 {
      min-width: calc(var(--spacing) * 9);
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:static {
      position: static;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:col-span-full {
      grid-column: 1 / -1;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:col-start-1 {
      grid-column-start: 1;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:row-auto {
      grid-row: auto;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:row-start-3 {
      grid-row-start: 3;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:max-h-\[calc\(100dvh-1\.5rem\)\] {
      max-height: calc(100dvh - 1.5rem);
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:w-\[calc\(100vw-1\.5rem\)\] {
      width: calc(100vw - 1.5rem);
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:w-full {
      width: 100%;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:w-screen {
      width: 100vw;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:max-w-\[calc\(100vw-1\.5rem\)\] {
      max-width: calc(100vw - 1.5rem);
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:max-w-none {
      max-width: none;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:gap-1 {
      gap: calc(var(--spacing) * 1);
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:justify-self-start {
      justify-self: flex-start;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:justify-self-stretch {
      justify-self: stretch;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:rounded-none {
      border-radius: 0;
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:p-2 {
      padding: calc(var(--spacing) * 2);
    }
  }

  @media not (min-width: 40rem) {
    .max-sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 460px) {
    .min-\[460px\]\:grid {
      display: grid;
    }
  }

  @media (min-width: 40rem) {
    .sm\:pointer-events-none {
      pointer-events: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:top-1\/2 {
      top: 50%;
    }
  }

  @media (min-width: 40rem) {
    .sm\:top-6 {
      top: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:right-6 {
      right: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:bottom-1 {
      bottom: calc(var(--spacing) * 1);
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-start-2 {
      grid-column-start: 2;
    }
  }

  @media (min-width: 40rem) {
    .sm\:col-start-3 {
      grid-column-start: 3;
    }
  }

  @media (min-width: 40rem) {
    .sm\:row-span-1 {
      grid-row: span 1 / span 1;
    }
  }

  @media (min-width: 40rem) {
    .sm\:row-span-2 {
      grid-row: span 2 / span 2;
    }
  }

  @media (min-width: 40rem) {
    .sm\:row-start-1 {
      grid-row-start: 1;
    }
  }

  @media (min-width: 40rem) {
    .sm\:-mx-6 {
      margin-inline: calc(var(--spacing) * -6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:ms-auto {
      margin-inline-start: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:prose-lg {
      font-size: 1.125rem;
      line-height: 1.77778;
    }

    .sm\:prose-lg :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.33333em;
      margin-bottom: 1.33333em;
    }

    .sm\:prose-lg :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.09091em;
      margin-bottom: 1.09091em;
      font-size: 1.22222em;
      line-height: 1.45455;
    }

    .sm\:prose-lg :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.66667em;
      margin-bottom: 1.66667em;
      padding-inline-start: 1em;
    }

    .sm\:prose-lg :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: .833333em;
      font-size: 2.66667em;
      line-height: 1;
    }

    .sm\:prose-lg :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.86667em;
      margin-bottom: 1.06667em;
      font-size: 1.66667em;
      line-height: 1.33333;
    }

    .sm\:prose-lg :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.66667em;
      margin-bottom: .666667em;
      font-size: 1.33333em;
      line-height: 1.5;
    }

    .sm\:prose-lg :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.77778em;
      margin-bottom: .444444em;
      line-height: 1.55556;
    }

    .sm\:prose-lg :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .sm\:prose-lg :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.77778em;
      margin-bottom: 1.77778em;
    }

    .sm\:prose-lg :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }

    .sm\:prose-lg :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.77778em;
      margin-bottom: 1.77778em;
    }

    .sm\:prose-lg :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-top: .222222em;
      padding-inline-end: .444444em;
      padding-bottom: .222222em;
      border-radius: .3125rem;
      padding-inline-start: .444444em;
      font-size: .888889em;
    }

    .sm\:prose-lg :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: .888889em;
    }

    .sm\:prose-lg :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: .866667em;
    }

    .sm\:prose-lg :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: .875em;
    }

    .sm\:prose-lg :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-top: 1em;
      padding-inline-end: 1.5em;
      padding-bottom: 1em;
      border-radius: .375rem;
      margin-top: 2em;
      margin-bottom: 2em;
      padding-inline-start: 1.5em;
      font-size: .888889em;
      line-height: 1.75;
    }

    .sm\:prose-lg :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .sm\:prose-lg :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.33333em;
      margin-bottom: 1.33333em;
      padding-inline-start: 1.55556em;
    }

    .sm\:prose-lg :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: .666667em;
      margin-bottom: .666667em;
    }

    .sm\:prose-lg :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .sm\:prose-lg :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: .444444em;
    }

    .sm\:prose-lg :where(.sm\:prose-lg > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: .888889em;
      margin-bottom: .888889em;
    }

    .sm\:prose-lg :where(.sm\:prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.33333em;
    }

    .sm\:prose-lg :where(.sm\:prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-bottom: 1.33333em;
    }

    .sm\:prose-lg :where(.sm\:prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.33333em;
    }

    .sm\:prose-lg :where(.sm\:prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-bottom: 1.33333em;
    }

    .sm\:prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: .888889em;
      margin-bottom: .888889em;
    }

    .sm\:prose-lg :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.33333em;
      margin-bottom: 1.33333em;
    }

    .sm\:prose-lg :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.33333em;
    }

    .sm\:prose-lg :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: .666667em;
      padding-inline-start: 1.55556em;
    }

    .sm\:prose-lg :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 3.11111em;
      margin-bottom: 3.11111em;
    }

    .sm\:prose-lg :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .sm\:prose-lg :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .sm\:prose-lg :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .sm\:prose-lg :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }

    .sm\:prose-lg :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: .888889em;
      line-height: 1.5;
    }

    .sm\:prose-lg :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-end: .75em;
      padding-bottom: .75em;
      padding-inline-start: .75em;
    }

    .sm\:prose-lg :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: 0;
    }

    .sm\:prose-lg :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-end: 0;
    }

    .sm\:prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-top: .75em;
      padding-inline-end: .75em;
      padding-bottom: .75em;
      padding-inline-start: .75em;
    }

    .sm\:prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-start: 0;
    }

    .sm\:prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      padding-inline-end: 0;
    }

    .sm\:prose-lg :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1.77778em;
      margin-bottom: 1.77778em;
    }

    .sm\:prose-lg :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
      margin-bottom: 0;
    }

    .sm\:prose-lg :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 1em;
      font-size: .888889em;
      line-height: 1.5;
    }

    .sm\:prose-lg :where(.sm\:prose-lg > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-top: 0;
    }

    .sm\:prose-lg :where(.sm\:prose-lg > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      margin-bottom: 0;
    }
  }

  @media (min-width: 40rem) {
    .sm\:mt-1 {
      margin-top: calc(var(--spacing) * 1);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mr-2 {
      margin-right: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:-mb-6 {
      margin-bottom: calc(var(--spacing) * -6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 40rem) {
    .sm\:ml-11 {
      margin-left: calc(var(--spacing) * 11);
    }
  }

  @media (min-width: 40rem) {
    .sm\:ml-auto {
      margin-left: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:block {
      display: block;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex {
      display: flex;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid {
      display: grid;
    }
  }

  @media (min-width: 40rem) {
    .sm\:hidden {
      display: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline {
      display: inline;
    }
  }

  @media (min-width: 40rem) {
    .sm\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 40rem) {
    .sm\:size-10 {
      width: calc(var(--spacing) * 10);
      height: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 40rem) {
    .sm\:size-24 {
      width: calc(var(--spacing) * 24);
      height: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-3 {
      height: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-4 {
      height: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-5 {
      height: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-8 {
      height: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-9 {
      height: calc(var(--spacing) * 9);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-10 {
      height: calc(var(--spacing) * 10);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-11 {
      height: calc(var(--spacing) * 11);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-16 {
      height: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-20 {
      height: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-24 {
      height: calc(var(--spacing) * 24);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-56 {
      height: calc(var(--spacing) * 56);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-64 {
      height: calc(var(--spacing) * 64);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-72 {
      height: calc(var(--spacing) * 72);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-96 {
      height: calc(var(--spacing) * 96);
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-\[4\.5rem\] {
      height: 4.5rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-\[80vh\] {
      height: 80vh;
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-\[256px\] {
      height: 256px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:h-\[512px\] {
      height: 512px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-h-\[72vh\] {
      max-height: 72vh;
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-h-8 {
      min-height: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-h-20 {
      min-height: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-h-32 {
      min-height: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-3 {
      width: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-4 {
      width: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-5 {
      width: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-8 {
      width: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-9 {
      width: calc(var(--spacing) * 9);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-11 {
      width: calc(var(--spacing) * 11);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-16 {
      width: calc(var(--spacing) * 16);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-32 {
      width: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-48 {
      width: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-50 {
      width: calc(var(--spacing) * 50);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-56 {
      width: calc(var(--spacing) * 56);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-64 {
      width: calc(var(--spacing) * 64);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-80 {
      width: calc(var(--spacing) * 80);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-96 {
      width: calc(var(--spacing) * 96);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[14em\] {
      width: 14em;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[70px\] {
      width: 70px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[72px\] {
      width: 72px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[150px\] {
      width: 150px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[200px\] {
      width: 200px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-\[min\(44rem\,calc\(100vw-3rem\)\)\] {
      width: min(44rem, 100vw - 3rem);
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-fit {
      width: fit-content;
    }
  }

  @media (min-width: 40rem) {
    .sm\:w-full {
      width: 100%;
    }
  }

  @media (min-width: 40rem) {
    .sm\:\!max-w-6xl {
      max-width: var(--container-6xl) !important;
    }
  }

  @media (min-width: 40rem) {
    .sm\:\!max-w-\[620px\] {
      max-width: 620px !important;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-2xl {
      max-width: var(--container-2xl);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-3xl {
      max-width: var(--container-3xl);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-4xl {
      max-width: var(--container-4xl);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-5xl {
      max-width: var(--container-5xl);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[52rem\] {
      max-width: 52rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[90vw\] {
      max-width: 90vw;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[500px\] {
      max-width: 500px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[600px\] {
      max-width: 600px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[920px\] {
      max-width: 920px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-\[1040px\] {
      max-width: 1040px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-md {
      max-width: var(--container-md);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-none {
      max-width: none;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-xl {
      max-width: var(--container-xl);
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-w-0 {
      min-width: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-w-32 {
      min-width: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-w-48 {
      min-width: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-w-56 {
      min-width: calc(var(--spacing) * 56);
    }
  }

  @media (min-width: 40rem) {
    .sm\:min-w-64 {
      min-width: calc(var(--spacing) * 64);
    }
  }

  @media (min-width: 40rem) {
    .sm\:shrink-0 {
      flex-shrink: 0;
    }
  }

  @media (min-width: 40rem) {
    .sm\:translate-y-\[-50\%\] {
      --tw-translate-y: -50%;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[2rem_10rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 2rem 10rem minmax(0, 1fr);
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[7rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 7rem minmax(0, 1fr);
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: auto minmax(0, 1fr) auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[minmax\(12rem\,1fr\)_10rem\] {
      grid-template-columns: minmax(12rem, 1fr) 10rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[minmax\(14rem\,24rem\)_auto\] {
      grid-template-columns: minmax(14rem, 24rem) auto;
    }
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-\[repeat\(auto-fit\,minmax\(400px\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-wrap {
      flex-wrap: wrap;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-end {
      align-items: flex-end;
    }
  }

  @media (min-width: 40rem) {
    .sm\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-center {
      justify-content: center;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-end {
      justify-content: flex-end;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-start {
      justify-content: flex-start;
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-0\.5 {
      gap: calc(var(--spacing) * .5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-1 {
      gap: calc(var(--spacing) * 1);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    :where(.sm\:space-y-3 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  @media (min-width: 40rem) {
    :where(.sm\:space-y-4 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  @media (min-width: 40rem) {
    :where(.sm\:space-y-5 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  @media (min-width: 40rem) {
    :where(.sm\:space-y-6 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  @media (min-width: 40rem) {
    :where(.sm\:space-y-10 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-x-3 {
      column-gap: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-x-6 {
      column-gap: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    :where(.sm\:divide-x > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }

  @media (min-width: 40rem) {
    :where(.sm\:divide-y-0 > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(0px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-self-end {
      justify-self: flex-end;
    }
  }

  @media (min-width: 40rem) {
    .sm\:overflow-visible {
      overflow: visible;
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-2xl {
      border-radius: calc(var(--radius) * 1.8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:rounded-xl {
      border-radius: calc(var(--radius) * 1.4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }
  }

  @media (min-width: 40rem) {
    .sm\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }
  }

  @media (min-width: 40rem) {
    .sm\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:\!p-5 {
      padding: calc(var(--spacing) * 5) !important;
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-2 {
      padding: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-2\.5 {
      padding: calc(var(--spacing) * 2.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-3 {
      padding: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-3\.5 {
      padding-inline: calc(var(--spacing) * 3.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-1\.5 {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-3\.5 {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-9 {
      padding-block: calc(var(--spacing) * 9);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-28 {
      padding-block: calc(var(--spacing) * 28);
    }
  }

  @media (min-width: 40rem) {
    .sm\:py-32 {
      padding-block: calc(var(--spacing) * 32);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pt-12 {
      padding-top: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pr-4 {
      padding-right: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pr-14 {
      padding-right: calc(var(--spacing) * 14);
    }
  }

  @media (min-width: 40rem) {
    .sm\:\!pb-5 {
      padding-bottom: calc(var(--spacing) * 5) !important;
    }
  }

  @media (min-width: 40rem) {
    .sm\:pb-0\.5 {
      padding-bottom: calc(var(--spacing) * .5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pl-5 {
      padding-left: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pl-9 {
      padding-left: calc(var(--spacing) * 9);
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-left {
      text-align: left;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-start {
      text-align: start;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-6xl {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[0\.9375rem\] {
      font-size: .9375rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[2\.75rem\] {
      font-size: 2.75rem;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-\[13px\] {
      font-size: 13px;
    }
  }

  @media (min-width: 40rem) {
    .sm\:break-words {
      overflow-wrap: break-word;
    }
  }

  @media (min-width: 40rem) {
    .sm\:whitespace-normal {
      white-space: normal;
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-foreground {
      color: var(--foreground);
    }
  }

  @media (min-width: 40rem) {
    .sm\:opacity-0 {
      opacity: 0;
    }
  }

  @media (min-width: 40rem) {
    .sm\:ring-4 {
      --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (min-width: 40rem) {
    @media (hover: hover) {
      .sm\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 1;
      }
    }
  }

  @media (min-width: 40rem) {
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
      grid-row: span 2 / span 2;
    }
  }

  @media (min-width: 40rem) {
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
      place-items: start;
    }
  }

  @media (min-width: 40rem) {
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
      text-align: left;
    }
  }

  @media (min-width: 40rem) {
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *):is(:where(.group\/alert-dialog-content):has([data-slot="alert-dialog-media"]) *) {
      grid-column-start: 2;
    }
  }

  @media (min-width: 40rem) {
    .sm\:focus\:opacity-100:focus {
      opacity: 1;
    }
  }

  @media (min-width: 40rem) {
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size="default"] *):has([data-slot="alert-dialog-media"]) {
      grid-template-rows: auto 1fr;
    }
  }

  @media (min-width: 40rem) {
    .data-\[size\=default\]\:sm\:max-w-3xl[data-size="default"] {
      max-width: var(--container-3xl);
    }
  }

  @media (min-width: 40rem) {
    .data-\[size\=default\]\:sm\:max-w-sm[data-size="default"] {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 40rem) {
    .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"] {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 40rem) {
    .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 48rem) {
    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  }

  @media (min-width: 48rem) {
    .md\:ml-52 {
      margin-left: calc(var(--spacing) * 52);
    }
  }

  @media (min-width: 48rem) {
    .md\:line-clamp-none {
      -webkit-line-clamp: unset;
      -webkit-box-orient: horizontal;
      display: block;
      overflow: visible;
    }
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }
  }

  @media (min-width: 48rem) {
    .md\:contents {
      display: contents;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex {
      display: flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:hidden {
      display: none;
    }
  }

  @media (min-width: 48rem) {
    .md\:inline {
      display: inline;
    }
  }

  @media (min-width: 48rem) {
    .md\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:table-cell {
      display: table-cell;
    }
  }

  @media (min-width: 48rem) {
    .md\:h-full {
      height: 100%;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-36 {
      width: calc(var(--spacing) * 36);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-44 {
      width: calc(var(--spacing) * 44);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-48 {
      width: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-52 {
      width: calc(var(--spacing) * 52);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-full {
      width: 100%;
    }
  }

  @media (min-width: 48rem) {
    .md\:\!max-w-\[600px\] {
      max-width: 600px !important;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-w-\[19rem\] {
      max-width: 19rem;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-w-\[110px\] {
      max-width: 110px;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-w-\[140px\] {
      max-width: 140px;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-w-\[180px\] {
      max-width: 180px;
    }
  }

  @media (min-width: 48rem) {
    .md\:max-w-\[300px\] {
      max-width: 300px;
    }
  }

  @media (min-width: 48rem) {
    .md\:min-w-\[12rem\] {
      min-width: 12rem;
    }
  }

  @media (min-width: 48rem) {
    .md\:min-w-\[160px\] {
      min-width: 160px;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-1 {
      flex: 1;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-\[2_1_18rem\] {
      flex: 2 18rem;
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 48rem) {
    .md\:grid-cols-\[minmax\(300px\,0\.72fr\)_minmax\(520px\,1\.28fr\)\] {
      grid-template-columns: minmax(300px, .72fr) minmax(520px, 1.28fr);
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-col {
      flex-direction: column;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-center {
      align-items: center;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-end {
      align-items: flex-end;
    }
  }

  @media (min-width: 48rem) {
    .md\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 48rem) {
    .md\:justify-between {
      justify-content: space-between;
    }
  }

  @media (min-width: 48rem) {
    .md\:justify-center {
      justify-content: center;
    }
  }

  @media (min-width: 48rem) {
    .md\:justify-end {
      justify-content: flex-end;
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-0\.5 {
      gap: calc(var(--spacing) * .5);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    :where(.md\:space-x-4 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
    }
  }

  @media (min-width: 48rem) {
    .md\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }

  @media (min-width: 48rem) {
    .md\:p-2\.5 {
      padding: calc(var(--spacing) * 2.5);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 48rem) {
    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 48rem) {
    .md\:py-20 {
      padding-block: calc(var(--spacing) * 20);
    }
  }

  @media (min-width: 48rem) {
    .md\:pe-3 {
      padding-inline-end: calc(var(--spacing) * 3);
    }
  }

  @media (min-width: 48rem) {
    .md\:text-center {
      text-align: center;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-left {
      text-align: left;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-right {
      text-align: right;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:text-pretty {
      text-wrap: pretty;
    }
  }

  @media (min-width: 48rem) {
    .md\:opacity-0 {
      opacity: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 48rem) {
    .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin-left: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 48rem) {
    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) {
      border-radius: calc(var(--radius) * 1.4);
    }
  }

  @media (min-width: 48rem) {
    .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (min-width: 48rem) {
    .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) {
      margin-left: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 48rem) {
    .md\:after\:hidden:after {
      content: var(--tw-content);
      display: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:sticky {
      position: sticky;
    }
  }

  @media (min-width: 64rem) {
    .lg\:top-6 {
      top: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 64rem) {
    .lg\:ml-auto {
      margin-left: auto;
    }
  }

  @media (min-width: 64rem) {
    .lg\:block {
      display: block;
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex {
      display: flex;
    }
  }

  @media (min-width: 64rem) {
    .lg\:hidden {
      display: none;
    }
  }

  @media (min-width: 64rem) {
    .lg\:inline {
      display: inline;
    }
  }

  @media (min-width: 64rem) {
    .lg\:inline-flex {
      display: inline-flex;
    }
  }

  @media (min-width: 64rem) {
    .lg\:size-8 {
      width: calc(var(--spacing) * 8);
      height: calc(var(--spacing) * 8);
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-44 {
      width: calc(var(--spacing) * 44);
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-48 {
      width: calc(var(--spacing) * 48);
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-52 {
      width: calc(var(--spacing) * 52);
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-60 {
      width: calc(var(--spacing) * 60);
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-64 {
      width: calc(var(--spacing) * 64);
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-\[180px\] {
      width: 180px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:w-\[240px\] {
      width: 240px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-w-3xl {
      max-width: var(--container-3xl);
    }
  }

  @media (min-width: 64rem) {
    .lg\:max-w-5xl {
      max-width: var(--container-5xl);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[320px_minmax\(0\,1fr\)\] {
      grid-template-columns: 320px minmax(0, 1fr);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(280px\,0\.42fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(280px, .42fr);
    }
  }

  @media (min-width: 64rem) {
    .lg\:grid-cols-\[minmax\(180px\,0\.24fr\)_minmax\(150px\,0\.2fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(180px, .24fr) minmax(150px, .2fr) minmax(0, 1fr);
    }
  }

  @media (min-width: 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 64rem) {
    .lg\:items-end {
      align-items: flex-end;
    }
  }

  @media (min-width: 64rem) {
    .lg\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }

  @media (min-width: 80rem) {
    .xl\:sticky {
      position: sticky;
    }
  }

  @media (min-width: 80rem) {
    .xl\:top-6 {
      top: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }

  @media (min-width: 80rem) {
    .xl\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 80rem) {
    .xl\:block {
      display: block;
    }
  }

  @media (min-width: 80rem) {
    .xl\:hidden {
      display: none;
    }
  }

  @media (min-width: 80rem) {
    .xl\:max-w-4xl {
      max-width: var(--container-4xl);
    }
  }

  @media (min-width: 80rem) {
    .xl\:max-w-\[1400px\] {
      max-width: 1400px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[300px_minmax\(0\,1fr\)\] {
      grid-template-columns: 300px minmax(0, 1fr);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(360px\,0\.85fr\)\] {
      grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(220px\,260px\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(220px, 260px);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(360px\,0\.46fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(360px, .46fr);
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-\[minmax\(320px\,0\.68fr\)_minmax\(640px\,1\.32fr\)\] {
      grid-template-columns: minmax(320px, .68fr) minmax(640px, 1.32fr);
    }
  }

  @media (min-width: 80rem) {
    .xl\:items-start {
      align-items: flex-start;
    }
  }

  @media (min-width: 80rem) {
    .xl\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 80rem) {
    .xl\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:col-span-5 {
      grid-column: span 5 / span 5;
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:max-w-5xl {
      max-width: var(--container-5xl);
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:grid-cols-\[320px_minmax\(0\,1fr\)\] {
      grid-template-columns: 320px minmax(0, 1fr);
    }
  }

  @media (min-width: 96rem) {
    .\32 xl\:grid-cols-\[minmax\(9rem\,0\.65fr\)_minmax\(9rem\,0\.65fr\)_minmax\(10rem\,0\.75fr\)_minmax\(10rem\,0\.75fr\)_minmax\(11rem\,0\.8fr\)_minmax\(11rem\,0\.8fr\)_auto\] {
      grid-template-columns: minmax(9rem, .65fr) minmax(9rem, .65fr) minmax(10rem, .75fr) minmax(10rem, .75fr) minmax(11rem, .8fr) minmax(11rem, .8fr) auto;
    }
  }

  @container pagination (width < 32rem) {
    .\@max-lg\/pagination\:hidden {
      display: none;
    }
  }

  @container field-group (width >= 28rem) {
    .\@md\/field-group\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container field-group (width >= 28rem) {
    .\@md\/field-group\:flex-row {
      flex-direction: row;
    }
  }

  @container field-group (width >= 28rem) {
    .\@md\/field-group\:items-center {
      align-items: center;
    }
  }

  @container field-group (width >= 28rem) {
    :is(.\@md\/field-group\:\*\:w-auto > *) {
      width: auto;
    }
  }

  @container field-group (width >= 28rem) {
    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
      align-items: flex-start;
    }
  }

  @container field-group (width >= 28rem) {
    :is(.\@md\/field-group\:\*\:data-\[slot\=field-label\]\:flex-auto > *)[data-slot="field-label"] {
      flex: auto;
    }
  }

  @container card-header (width >= 32rem) {
    .\@lg\/card-header\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }

  @container card-header (width >= 32rem) {
    .\@lg\/card-header\:col-start-2 {
      grid-column-start: 2;
    }
  }

  @container card-header (width >= 32rem) {
    .\@lg\/card-header\:row-span-2 {
      grid-row: span 2 / span 2;
    }
  }

  @container card-header (width >= 32rem) {
    .\@lg\/card-header\:row-start-1 {
      grid-row-start: 1;
    }
  }

  @container card-header (width >= 32rem) {
    .\@lg\/card-header\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }

  @container card-header (width >= 32rem) {
    .\@lg\/card-header\:w-auto {
      width: auto;
    }
  }

  @container content (width >= 32rem) {
    .\@min-\[32rem\]\/content\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container pagination (width >= 32rem) {
    .\@lg\/pagination\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }
  }

  @container pagination (width >= 32rem) {
    .\@lg\/pagination\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }

  @container card-header (width >= 32rem) {
    .\@lg\/card-header\:justify-self-end {
      justify-self: flex-end;
    }
  }

  @container pagination (width >= 32rem) {
    .\@lg\/pagination\:px-1 {
      padding-inline: calc(var(--spacing) * 1);
    }
  }

  @container content (width >= 36rem) {
    .\@min-\[36rem\]\/content\:min-h-8 {
      min-height: calc(var(--spacing) * 8);
    }
  }

  @container content (width >= 36rem) {
    .\@min-\[36rem\]\/content\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container content (width >= 36rem) {
    .\@min-\[36rem\]\/content\:flex-row {
      flex-direction: row;
    }
  }

  @container content (width >= 36rem) {
    .\@min-\[36rem\]\/content\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }
  }

  @container pagination (width >= 36rem) {
    .\@xl\/pagination\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }

  @container pagination (width >= 36rem) {
    .\@xl\/pagination\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
  }

  @container content (width >= 36rem) {
    .\@min-\[36rem\]\/content\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
  }

  @container content (width >= 36rem) {
    .\@min-\[36rem\]\/content\:text-xs {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }

  @container content (width >= 40rem) {
    .\@min-\[40rem\]\/content\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container content (width >= 42rem) {
    .\@min-\[42rem\]\/content\:ms-auto {
      margin-inline-start: auto;
    }
  }

  @container pagination (width >= 42rem) {
    .\@2xl\/pagination\:block {
      display: block;
    }
  }

  @container content (width >= 42rem) {
    .\@min-\[42rem\]\/content\:h-8 {
      height: calc(var(--spacing) * 8);
    }
  }

  @container content (width >= 42rem) {
    .\@min-\[42rem\]\/content\:w-auto {
      width: auto;
    }
  }

  @container content (width >= 42rem) {
    .\@min-\[42rem\]\/content\:max-w-\[32rem\] {
      max-width: 32rem;
    }
  }

  @container content (width >= 42rem) {
    .\@min-\[42rem\]\/content\:flex-1 {
      flex: 1;
    }
  }

  @container content (width >= 42rem) {
    .\@min-\[42rem\]\/content\:shrink-0 {
      flex-shrink: 0;
    }
  }

  @container content (width >= 42rem) {
    .\@min-\[42rem\]\/content\:flex-row {
      flex-direction: row;
    }
  }

  @container content (width >= 42rem) {
    .\@min-\[42rem\]\/content\:items-end {
      align-items: flex-end;
    }
  }

  @container content (width >= 42rem) {
    .\@min-\[42rem\]\/content\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }

  @container content (width >= 42rem) {
    .\@min-\[42rem\]\/content\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }

  @container content (width >= 42rem) {
    .\@min-\[42rem\]\/content\:p-3 {
      padding: calc(var(--spacing) * 3);
    }
  }

  @container content (width >= 42rem) {
    .\@min-\[42rem\]\/content\:p-3\.5 {
      padding: calc(var(--spacing) * 3.5);
    }
  }

  @container content (width >= 42rem) {
    .\@min-\[42rem\]\/content\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }

  @container content (width >= 42rem) {
    .\@min-\[42rem\]\/content\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }

  @container guide (width >= 48rem) {
    .\@min-\[48rem\]\/guide\:flex {
      display: flex;
    }
  }

  @container content (width >= 48rem) {
    .\@3xl\/content\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container content (width >= 48rem) {
    .\@3xl\/content\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @container content (width >= 48rem) {
    .\@3xl\/content\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @container content (width >= 48rem) {
    .\@min-\[48rem\]\/content\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container guide (width >= 48rem) {
    .\@min-\[48rem\]\/guide\:justify-between {
      justify-content: space-between;
    }
  }

  @container content (width >= 50rem) {
    .\@min-\[50rem\]\/content\:grid-cols-\[minmax\(22rem\,1\.5fr\)_minmax\(12rem\,0\.8fr\)\] {
      grid-template-columns: minmax(22rem, 1.5fr) minmax(12rem, .8fr);
    }
  }

  @container content (width >= 52rem) {
    .\@min-\[52rem\]\/content\:grid {
      display: grid;
    }
  }

  @container content (width >= 52rem) {
    .\@min-\[52rem\]\/content\:grid-cols-\[auto_minmax\(0\,1fr\)\] {
      grid-template-columns: auto minmax(0, 1fr);
    }
  }

  @container content (width >= 52rem) {
    .\@min-\[52rem\]\/content\:items-center {
      align-items: center;
    }
  }

  @container content (width >= 52rem) {
    .\@min-\[52rem\]\/content\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }

  @container content (width >= 52rem) {
    .\@min-\[52rem\]\/content\:p-3\.5 {
      padding: calc(var(--spacing) * 3.5);
    }
  }

  @container content (width >= 54rem) {
    .\@min-\[54rem\]\/content\:grid-cols-\[minmax\(14rem\,1\.1fr\)_minmax\(0\,2fr\)\] {
      grid-template-columns: minmax(14rem, 1.1fr) minmax(0, 2fr);
    }
  }

  @container content (width >= 56rem) {
    .\@min-\[56rem\]\/content\:block {
      display: block;
    }
  }

  @container content (width >= 56rem) {
    .\@min-\[56rem\]\/content\:hidden {
      display: none;
    }
  }

  @container content (width >= 56rem) {
    .\@4xl\/content\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }
  }

  @container content (width >= 56rem) {
    .\@4xl\/content\:flex-col {
      flex-direction: column;
    }
  }

  @container content (width >= 56rem) {
    .\@4xl\/content\:items-center {
      align-items: center;
    }
  }

  @container content (width >= 56rem) {
    .\@4xl\/content\:items-end {
      align-items: flex-end;
    }
  }

  @container content (width >= 56rem) {
    .\@4xl\/content\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }
  }

  @container content (width >= 58rem) {
    .\@min-\[58rem\]\/content\:ms-auto {
      margin-inline-start: auto;
    }
  }

  @container content (width >= 58rem) {
    .\@min-\[58rem\]\/content\:w-14 {
      width: calc(var(--spacing) * 14);
    }
  }

  @container content (width >= 58rem) {
    .\@min-\[58rem\]\/content\:w-16 {
      width: calc(var(--spacing) * 16);
    }
  }

  @container content (width >= 58rem) {
    .\@min-\[58rem\]\/content\:w-20 {
      width: calc(var(--spacing) * 20);
    }
  }

  @container content (width >= 58rem) {
    .\@min-\[58rem\]\/content\:w-auto {
      width: auto;
    }
  }

  @container content (width >= 58rem) {
    .\@min-\[58rem\]\/content\:max-w-\[60\%\] {
      max-width: 60%;
    }
  }

  @container content (width >= 58rem) {
    .\@min-\[58rem\]\/content\:min-w-\[5\.5rem\] {
      min-width: 5.5rem;
    }
  }

  @container content (width >= 58rem) {
    .\@min-\[58rem\]\/content\:flex-none {
      flex: none;
    }
  }

  @container content (width >= 58rem) {
    .\@min-\[58rem\]\/content\:shrink-0 {
      flex-shrink: 0;
    }
  }

  @container content (width >= 58rem) {
    .\@min-\[58rem\]\/content\:grid-cols-\[minmax\(22rem\,1\.5fr\)_minmax\(21rem\,1fr\)\] {
      grid-template-columns: minmax(22rem, 1.5fr) minmax(21rem, 1fr);
    }
  }

  @container content (width >= 58rem) {
    .\@min-\[58rem\]\/content\:flex-row {
      flex-direction: row;
    }
  }

  @container content (width >= 58rem) {
    .\@min-\[58rem\]\/content\:items-end {
      align-items: flex-end;
    }
  }

  @container content (width >= 58rem) {
    .\@min-\[58rem\]\/content\:items-start {
      align-items: flex-start;
    }
  }

  @container content (width >= 58rem) {
    .\@min-\[58rem\]\/content\:justify-end {
      justify-content: flex-end;
    }
  }

  @container content (width >= 60rem) {
    .\@min-\[60rem\]\/content\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @container content (width >= 62rem) {
    .\@min-\[62rem\]\/content\:inline-flex {
      display: inline-flex;
    }
  }

  @container funnel (width >= 64rem) {
    .\@5xl\/funnel\:w-auto {
      width: auto;
    }
  }

  @container funnel (width >= 64rem) {
    .\@5xl\/funnel\:max-w-\[65\%\] {
      max-width: 65%;
    }
  }

  @container content (width >= 64rem) {
    .\@5xl\/content\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @container content (width >= 64rem) {
    .\@5xl\/content\:grid-cols-\[minmax\(18rem\,0\.72fr\)_minmax\(0\,1\.28fr\)\] {
      grid-template-columns: minmax(18rem, .72fr) minmax(0, 1.28fr);
    }
  }

  @container funnel (width >= 64rem) {
    .\@5xl\/funnel\:flex-row {
      flex-direction: row;
    }
  }

  @container content (width >= 64rem) {
    .\@5xl\/content\:items-stretch {
      align-items: stretch;
    }
  }

  @container funnel (width >= 64rem) {
    .\@5xl\/funnel\:justify-between {
      justify-content: space-between;
    }
  }

  @container funnel (width >= 64rem) {
    .\@5xl\/funnel\:justify-end {
      justify-content: flex-end;
    }
  }

  @container content (width >= 66rem) {
    .\@min-\[66rem\]\/content\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }

  @container content (width >= 68rem) {
    .\@min-\[68rem\]\/content\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @container content (width >= 72rem) {
    .\@6xl\/content\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }

  @container content (width >= 72rem) {
    .\@6xl\/content\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container content (width >= 72rem) {
    .\@6xl\/content\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(20rem\,0\.65fr\)\] {
      grid-template-columns: minmax(0, 1.35fr) minmax(20rem, .65fr);
    }
  }

  @container content (width >= 72rem) {
    .\@6xl\/content\:justify-center {
      justify-content: center;
    }
  }

  @container content (width >= 72rem) {
    .\@min-\[72rem\]\/content\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
  }

  @container content (width >= 76rem) {
    .\@min-\[76rem\]\/content\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @container content (width >= 80rem) {
    .\@7xl\/content\:mx-auto {
      margin-inline: auto;
    }
  }

  @container content (width >= 80rem) {
    .\@7xl\/content\:w-full {
      width: 100%;
    }
  }

  @container content (width >= 80rem) {
    .\@7xl\/content\:max-w-7xl {
      max-width: var(--container-7xl);
    }
  }

  @container content (width >= 80rem) {
    .\@7xl\/content\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container content (width >= 80rem) {
    .\@7xl\/content\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(18rem\,0\.7fr\)\] {
      grid-template-columns: minmax(0, 1.3fr) minmax(18rem, .7fr);
    }
  }

  @container content (width >= 80rem) {
    .\@7xl\/content\:grid-cols-\[minmax\(18rem\,0\.75fr\)_minmax\(0\,1\.25fr\)\] {
      grid-template-columns: minmax(18rem, .75fr) minmax(0, 1.25fr);
    }
  }

  .ltr\:-translate-x-1\/2:where(:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="ltr"], [dir="ltr"] *) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rtl\:-translate-x-1\/2:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .dark\:scale-0:is(.dark *) {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .dark\:scale-100:is(.dark *) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .dark\:-rotate-90:is(.dark *) {
    rotate: -90deg;
  }

  .dark\:rotate-0:is(.dark *) {
    rotate: 0deg;
  }

  .dark\:border-amber-500\/20:is(.dark *) {
    border-color: #f99c0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-amber-500\/20:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }

  .dark\:border-amber-500\/50:is(.dark *) {
    border-color: #f99c0080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-amber-500\/50:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent);
    }
  }

  .dark\:border-border\/5:is(.dark *) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-border\/5:is(.dark *) {
      border-color: color-mix(in oklab, var(--border) 5%, transparent);
    }
  }

  .dark\:border-emerald-500\/40:is(.dark *) {
    border-color: #00bb7f66;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-emerald-500\/40:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent);
    }
  }

  .dark\:border-green-500\/40:is(.dark *) {
    border-color: #00c75866;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-green-500\/40:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-green-500) 40%, transparent);
    }
  }

  .dark\:border-input:is(.dark *) {
    border-color: var(--input);
  }

  .dark\:border-red-500\/40:is(.dark *) {
    border-color: #fb2c3666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-red-500\/40:is(.dark *) {
      border-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
    }
  }

  .dark\:border-red-800:is(.dark *) {
    border-color: var(--color-red-800);
  }

  .dark\:border-t-border\/15:is(.dark *) {
    border-top-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:border-t-border\/15:is(.dark *) {
      border-top-color: color-mix(in oklab, var(--border) 15%, transparent);
    }
  }

  .dark\:bg-amber-500\/10:is(.dark *) {
    background-color: #f99c001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-500\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
    }
  }

  .dark\:bg-amber-500\/20:is(.dark *) {
    background-color: #f99c0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-500\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }

  .dark\:bg-amber-950\/40:is(.dark *) {
    background-color: #46190166;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-950\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);
    }
  }

  .dark\:bg-blue-500\/20:is(.dark *) {
    background-color: #3080ff33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-blue-500\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }

  .dark\:bg-border\/10:is(.dark *) {
    background-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-border\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--border) 10%, transparent);
    }
  }

  .dark\:bg-destructive\/20:is(.dark *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-destructive\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .dark\:bg-emerald-500\/10:is(.dark *) {
    background-color: #00bb7f1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-500\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
    }
  }

  .dark\:bg-emerald-500\/20:is(.dark *) {
    background-color: #00bb7f33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-emerald-500\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
    }
  }

  .dark\:bg-green-500\/10:is(.dark *) {
    background-color: #00c7581a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-500\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
    }
  }

  .dark\:bg-green-950\/30:is(.dark *) {
    background-color: #032e154d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-green-950\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-green-950) 30%, transparent);
    }
  }

  .dark\:bg-input\/30:is(.dark *) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-input\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .dark\:bg-orange-500\/10:is(.dark *) {
    background-color: #fe6e001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-orange-500\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);
    }
  }

  .dark\:bg-orange-500\/20:is(.dark *) {
    background-color: #fe6e0033;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-orange-500\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
    }
  }

  .dark\:bg-red-500\/10:is(.dark *) {
    background-color: #fb2c361a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-500\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
    }
  }

  .dark\:bg-red-950\/30:is(.dark *) {
    background-color: #4608094d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-950\/30:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent);
    }
  }

  .dark\:bg-red-950\/50:is(.dark *) {
    background-color: #46080980;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-red-950\/50:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-red-950) 50%, transparent);
    }
  }

  .dark\:bg-rose-500\/10:is(.dark *) {
    background-color: #ff23571a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-500\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
    }
  }

  .dark\:bg-rose-500\/20:is(.dark *) {
    background-color: #ff235733;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-500\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
    }
  }

  .dark\:bg-rose-950\/20:is(.dark *) {
    background-color: #4d021833;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-rose-950\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-rose-950) 20%, transparent);
    }
  }

  .dark\:bg-slate-500\/20:is(.dark *) {
    background-color: #62748e33;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-slate-500\/20:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent);
    }
  }

  .dark\:bg-transparent:is(.dark *) {
    background-color: #0000;
  }

  .dark\:from-muted-foreground\/40:is(.dark *) {
    --tw-gradient-from: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-muted-foreground\/40:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }

  .dark\:from-muted-foreground\/40:is(.dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-rose-400\/70:is(.dark *) {
    --tw-gradient-from: #ff667fb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-rose-400\/70:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--color-rose-400) 70%, transparent);
    }
  }

  .dark\:from-rose-400\/70:is(.dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:from-teal-400\/70:is(.dark *) {
    --tw-gradient-from: #00d3bdb3;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:from-teal-400\/70:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--color-teal-400) 70%, transparent);
    }
  }

  .dark\:from-teal-400\/70:is(.dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:via-muted-foreground\/20:is(.dark *) {
    --tw-gradient-via: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:via-muted-foreground\/20:is(.dark *) {
      --tw-gradient-via: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
    }
  }

  .dark\:via-muted-foreground\/20:is(.dark *) {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .dark\:via-rose-500\/30:is(.dark *) {
    --tw-gradient-via: #ff23574d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:via-rose-500\/30:is(.dark *) {
      --tw-gradient-via: color-mix(in oklab, var(--color-rose-500) 30%, transparent);
    }
  }

  .dark\:via-rose-500\/30:is(.dark *) {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .dark\:via-teal-500\/30:is(.dark *) {
    --tw-gradient-via: #00baa74d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:via-teal-500\/30:is(.dark *) {
      --tw-gradient-via: color-mix(in oklab, var(--color-teal-500) 30%, transparent);
    }
  }

  .dark\:via-teal-500\/30:is(.dark *) {
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .dark\:to-rose-500\/5:is(.dark *) {
    --tw-gradient-to: #ff23570d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-rose-500\/5:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--color-rose-500) 5%, transparent);
    }
  }

  .dark\:to-rose-500\/5:is(.dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:to-teal-500\/5:is(.dark *) {
    --tw-gradient-to: #00baa70d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:to-teal-500\/5:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--color-teal-500) 5%, transparent);
    }
  }

  .dark\:to-teal-500\/5:is(.dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .dark\:text-amber-200:is(.dark *) {
    color: var(--color-amber-200);
  }

  .dark\:text-amber-300:is(.dark *) {
    color: var(--color-amber-300);
  }

  .dark\:text-amber-400:is(.dark *) {
    color: var(--color-amber-400);
  }

  .dark\:text-amber-500:is(.dark *) {
    color: var(--color-amber-500);
  }

  .dark\:text-blue-300:is(.dark *) {
    color: var(--color-blue-300);
  }

  .dark\:text-blue-400:is(.dark *) {
    color: var(--color-blue-400);
  }

  .dark\:text-cyan-400:is(.dark *) {
    color: var(--color-cyan-400);
  }

  .dark\:text-emerald-300:is(.dark *) {
    color: var(--color-emerald-300);
  }

  .dark\:text-emerald-400:is(.dark *) {
    color: var(--color-emerald-400);
  }

  .dark\:text-green-400:is(.dark *) {
    color: var(--color-green-400);
  }

  .dark\:text-muted-foreground:is(.dark *) {
    color: var(--muted-foreground);
  }

  .dark\:text-orange-300:is(.dark *) {
    color: var(--color-orange-300);
  }

  .dark\:text-primary-foreground:is(.dark *) {
    color: var(--primary-foreground);
  }

  .dark\:text-red-400:is(.dark *) {
    color: var(--color-red-400);
  }

  .dark\:text-rose-300:is(.dark *) {
    color: var(--color-rose-300);
  }

  .dark\:text-rose-400:is(.dark *) {
    color: var(--color-rose-400);
  }

  .dark\:text-sky-400:is(.dark *) {
    color: var(--color-sky-400);
  }

  .dark\:text-slate-300:is(.dark *) {
    color: var(--color-slate-300);
  }

  .dark\:text-violet-400:is(.dark *) {
    color: var(--color-violet-400);
  }

  .dark\:opacity-70:is(.dark *) {
    opacity: .7;
  }

  .dark\:opacity-80:is(.dark *) {
    opacity: .8;
  }

  .dark\:ring-white\/10:is(.dark *) {
    --tw-ring-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:ring-white\/10:is(.dark *) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .dark\:prose-invert:is(.dark *) {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-kbd: var(--tw-prose-invert-kbd);
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
  }

  .dark\:after\:mix-blend-lighten:is(.dark *):after {
    content: var(--tw-content);
    mix-blend-mode: lighten;
  }

  @media (hover: hover) {
    .dark\:hover\:bg-accent\/50:is(.dark *):hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-accent\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-emerald-500\/10:is(.dark *):hover {
      background-color: #00bb7f1a;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-emerald-500\/10:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-input\/50:is(.dark *):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-input\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--input) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .dark\:hover\:bg-muted\/50:is(.dark *):hover {
      background-color: var(--muted);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-muted\/50:is(.dark *):hover {
        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .dark\:hover\:text-emerald-400:is(.dark *):hover {
      color: var(--color-emerald-400);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:text-foreground:is(.dark *):hover {
      color: var(--foreground);
    }
  }

  @media (hover: hover) {
    .dark\:hover\:brightness-110:is(.dark *):hover {
      --tw-brightness: brightness(110%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:disabled\:bg-input\/80:is(.dark *):disabled {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:disabled\:bg-input\/80:is(.dark *):disabled {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  .dark\:disabled\:bg-transparent:is(.dark *):disabled {
    background-color: #0000;
  }

  :where([data-slot="tooltip-content"]) .dark\:in-data-\[slot\=tooltip-content\]\:bg-background\/10:is(.dark *) {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :where([data-slot="tooltip-content"]) .dark\:in-data-\[slot\=tooltip-content\]\:bg-background\/10:is(.dark *) {
      background-color: color-mix(in oklab, var(--background) 10%, transparent);
    }
  }

  .dark\:has-disabled\:bg-input\/80:is(.dark *):has(:disabled) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:has-disabled\:bg-input\/80:is(.dark *):has(:disabled) {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  .dark\:has-aria-invalid\:border-destructive\/50:is(.dark *):has([aria-invalid="true"]) {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:has-aria-invalid\:border-destructive\/50:is(.dark *):has([aria-invalid="true"]) {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .dark\:has-aria-invalid\:ring-destructive\/40:is(.dark *):has([aria-invalid="true"]) {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:has-aria-invalid\:ring-destructive\/40:is(.dark *):has([aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:has-data-checked\:border-primary\/20:is(.dark *):has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
    border-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:has-data-checked\:border-primary\/20:is(.dark *):has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
      border-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .dark\:has-data-checked\:bg-primary\/10:is(.dark *):has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:has-data-checked\:bg-primary\/10:is(.dark *):has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
      background-color: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid="true"]) {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid="true"] {
      border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
    }
  }

  .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active="true"][aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active="true"][aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
    }
  }

  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .prose-headings\:font-semibold :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .prose-headings\:tracking-tight :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .prose-h1\:text-2xl :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .prose-h2\:text-xl :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .prose-h3\:text-lg :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .prose-p\:my-2 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 2);
  }

  .prose-p\:my-4 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 4);
  }

  .prose-p\:text-base :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .prose-p\:leading-7 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }

  .prose-p\:leading-relaxed :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  @media (min-width: 40rem) {
    .sm\:prose-p\:text-lg :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  @media (min-width: 40rem) {
    .sm\:prose-p\:leading-8 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      --tw-leading: calc(var(--spacing) * 8);
      line-height: calc(var(--spacing) * 8);
    }
  }

  .prose-a\:text-primary :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--primary);
  }

  .prose-a\:no-underline :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    text-decoration-line: none;
  }

  @media (hover: hover) {
    .hover\:prose-a\:underline:hover :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      text-decoration-line: underline;
    }
  }

  .prose-blockquote\:border-l-primary :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-left-color: var(--primary);
  }

  .prose-blockquote\:bg-muted\/50 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .prose-blockquote\:bg-muted\/50 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .prose-blockquote\:py-1 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-block: calc(var(--spacing) * 1);
  }

  .prose-code\:rounded :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-radius: .25rem;
  }

  .prose-code\:bg-muted :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    background-color: var(--muted);
  }

  .prose-code\:px-1 :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline: calc(var(--spacing) * 1);
  }

  .prose-code\:py-0\.5 :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-block: calc(var(--spacing) * .5);
  }

  .prose-code\:before\:content-none :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before {
    content: var(--tw-content);
    --tw-content: none;
    content: none;
  }

  .prose-code\:after\:content-none :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
    content: var(--tw-content);
    --tw-content: none;
    content: none;
  }

  .prose-pre\:border :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .prose-pre\:bg-muted :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    background-color: var(--muted);
  }

  .prose-pre\:text-foreground :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    color: var(--foreground);
  }

  .prose-ol\:my-2 :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 2);
  }

  .prose-ul\:my-2 :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 2);
  }

  .prose-li\:my-1 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 1);
  }

  .prose-li\:my-2 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    margin-block: calc(var(--spacing) * 2);
  }

  .prose-li\:text-base :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  @media (min-width: 40rem) {
    .sm\:prose-li\:text-lg :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }

  .prose-table\:border :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .prose-thead\:bg-muted :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    background-color: var(--muted);
  }

  .prose-th\:border :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .prose-th\:px-3 :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .prose-td\:border :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .prose-td\:px-3 :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .prose-img\:rounded-lg :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    border-radius: var(--radius);
  }

  .prose-img\:shadow-sm :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-open\:animate-accordion-down:where([data-state="open"]), .data-open\:animate-accordion-down:where([data-open]:not([data-open="false"])) {
    animation: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-open\:animate-in:where([data-state="open"]), .data-open\:animate-in:where([data-open]:not([data-open="false"])) {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-open\:bg-accent:where([data-state="open"]), .data-open\:bg-accent:where([data-open]:not([data-open="false"])) {
    background-color: var(--accent);
  }

  .data-open\:bg-muted\/50:where([data-state="open"]), .data-open\:bg-muted\/50:where([data-open]:not([data-open="false"])) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-open\:bg-muted\/50:where([data-state="open"]), .data-open\:bg-muted\/50:where([data-open]:not([data-open="false"])) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .data-open\:text-accent-foreground:where([data-state="open"]), .data-open\:text-accent-foreground:where([data-open]:not([data-open="false"])) {
    color: var(--accent-foreground);
  }

  .data-open\:duration-100:where([data-state="open"]), .data-open\:duration-100:where([data-open]:not([data-open="false"])) {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .data-open\:fade-in-0:where([data-state="open"]), .data-open\:fade-in-0:where([data-open]:not([data-open="false"])) {
    --tw-enter-opacity: 0;
  }

  .data-open\:zoom-in-95:where([data-state="open"]), .data-open\:zoom-in-95:where([data-open]:not([data-open="false"])) {
    --tw-enter-scale: .95;
  }

  .data-open\:zoom-in-100:where([data-state="open"]), .data-open\:zoom-in-100:where([data-open]:not([data-open="false"])) {
    --tw-enter-scale: 1;
  }

  .data-open\:slide-in-from-top-2:where([data-state="open"]), .data-open\:slide-in-from-top-2:where([data-open]:not([data-open="false"])) {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:animate-in:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-state="open"]), .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:animate-in:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-open]:not([data-open="false"])) {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-state="open"]), .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-open]:not([data-open="false"])) {
    --tw-enter-opacity: 0;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-state="open"]), .group-data-\[viewport\=false\]\/navigation-menu\:data-open\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-open]:not([data-open="false"])) {
    --tw-enter-scale: .95;
  }

  @media (hover: hover) {
    :is(.data-open\:hover\:bg-muted:where([data-state="open"]), .data-open\:hover\:bg-muted:where([data-open]:not([data-open="false"]))):hover {
      background-color: var(--muted);
    }
  }

  @media (hover: hover) {
    :is(.data-open\:hover\:bg-sidebar-accent:where([data-state="open"]), .data-open\:hover\:bg-sidebar-accent:where([data-open]:not([data-open="false"]))):hover {
      background-color: var(--sidebar-accent);
    }
  }

  @media (hover: hover) {
    :is(.data-open\:hover\:text-sidebar-accent-foreground:where([data-state="open"]), .data-open\:hover\:text-sidebar-accent-foreground:where([data-open]:not([data-open="false"]))):hover {
      color: var(--sidebar-accent-foreground);
    }
  }

  :is(.data-open\:focus\:bg-muted:where([data-state="open"]), .data-open\:focus\:bg-muted:where([data-open]:not([data-open="false"]))):focus {
    background-color: var(--muted);
  }

  .data-closed\:animate-accordion-up:where([data-state="closed"]), .data-closed\:animate-accordion-up:where([data-closed]:not([data-closed="false"])) {
    animation: accordion-up var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-closed\:animate-out:where([data-state="closed"]), .data-closed\:animate-out:where([data-closed]:not([data-closed="false"])) {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-closed\:overflow-hidden:where([data-state="closed"]), .data-closed\:overflow-hidden:where([data-closed]:not([data-closed="false"])) {
    overflow: hidden;
  }

  .data-closed\:duration-75:where([data-state="closed"]), .data-closed\:duration-75:where([data-closed]:not([data-closed="false"])) {
    --tw-duration: 75ms;
    transition-duration: 75ms;
  }

  .data-closed\:fade-out-0:where([data-state="closed"]), .data-closed\:fade-out-0:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-opacity: 0;
  }

  .data-closed\:zoom-out-95:where([data-state="closed"]), .data-closed\:zoom-out-95:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-scale: .95;
  }

  .data-closed\:zoom-out-100:where([data-state="closed"]), .data-closed\:zoom-out-100:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-scale: 1;
  }

  .data-closed\:slide-out-to-top-2:where([data-state="closed"]), .data-closed\:slide-out-to-top-2:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-translate-y: calc(2*var(--spacing)*-1);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:animate-out:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-state="closed"]), .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:animate-out:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-closed]:not([data-closed="false"])) {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-state="closed"]), .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-closed]:not([data-closed="false"])) {
    --tw-exit-opacity: 0;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-state="closed"]), .group-data-\[viewport\=false\]\/navigation-menu\:data-closed\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *):where([data-closed]:not([data-closed="false"])) {
    --tw-exit-scale: .95;
  }

  .data-checked\:border-primary:where([data-state="checked"]), .data-checked\:border-primary:where([data-checked]:not([data-checked="false"])) {
    border-color: var(--primary);
  }

  .data-checked\:bg-primary:where([data-state="checked"]), .data-checked\:bg-primary:where([data-checked]:not([data-checked="false"])) {
    background-color: var(--primary);
  }

  .data-checked\:text-primary-foreground:where([data-state="checked"]), .data-checked\:text-primary-foreground:where([data-checked]:not([data-checked="false"])) {
    color: var(--primary-foreground);
  }

  .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="default"] *):where([data-state="checked"]), .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="default"] *):where([data-checked]:not([data-checked="false"])) {
    --tw-translate-x: calc(100% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="sm"] *):where([data-state="checked"]), .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\]:is(:where(.group\/switch)[data-size="sm"] *):where([data-checked]:not([data-checked="false"])) {
    --tw-translate-x: calc(100% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .dark\:data-checked\:bg-primary:is(.dark *):where([data-state="checked"]), .dark\:data-checked\:bg-primary:is(.dark *):where([data-checked]:not([data-checked="false"])) {
    background-color: var(--primary);
  }

  .dark\:data-checked\:bg-primary-foreground:is(.dark *):where([data-state="checked"]), .dark\:data-checked\:bg-primary-foreground:is(.dark *):where([data-checked]:not([data-checked="false"])) {
    background-color: var(--primary-foreground);
  }

  .data-unchecked\:bg-input:where([data-state="unchecked"]), .data-unchecked\:bg-input:where([data-unchecked]:not([data-unchecked="false"])) {
    background-color: var(--input);
  }

  .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="default"] *):where([data-state="unchecked"]), .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="default"] *):where([data-unchecked]:not([data-unchecked="false"])) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="sm"] *):where([data-state="unchecked"]), .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0:is(:where(.group\/switch)[data-size="sm"] *):where([data-unchecked]:not([data-unchecked="false"])) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .dark\:data-unchecked\:bg-foreground:is(.dark *):where([data-state="unchecked"]), .dark\:data-unchecked\:bg-foreground:is(.dark *):where([data-unchecked]:not([data-unchecked="false"])) {
    background-color: var(--foreground);
  }

  .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-state="unchecked"]), .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-unchecked]:not([data-unchecked="false"])) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-state="unchecked"]), .dark\:data-unchecked\:bg-input\/80:is(.dark *):where([data-unchecked]:not([data-unchecked="false"])) {
      background-color: color-mix(in oklab, var(--input) 80%, transparent);
    }
  }

  .data-selected\:bg-muted:where([data-selected="true"]) {
    background-color: var(--muted);
  }

  .data-selected\:text-foreground:where([data-selected="true"]) {
    color: var(--foreground);
  }

  .data-disabled\:pointer-events-none:where([data-disabled="true"]), .data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled="false"])) {
    pointer-events: none;
  }

  .data-disabled\:cursor-not-allowed:where([data-disabled="true"]), .data-disabled\:cursor-not-allowed:where([data-disabled]:not([data-disabled="false"])) {
    cursor: not-allowed;
  }

  .data-disabled\:opacity-50:where([data-disabled="true"]), .data-disabled\:opacity-50:where([data-disabled]:not([data-disabled="false"])) {
    opacity: .5;
  }

  .data-active\:bg-background:where([data-state="active"]), .data-active\:bg-background:where([data-active]:not([data-active="false"])) {
    background-color: var(--background);
  }

  .data-active\:bg-muted\/50:where([data-state="active"]), .data-active\:bg-muted\/50:where([data-active]:not([data-active="false"])) {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-active\:bg-muted\/50:where([data-state="active"]), .data-active\:bg-muted\/50:where([data-active]:not([data-active="false"])) {
      background-color: color-mix(in oklab, var(--muted) 50%, transparent);
    }
  }

  .data-active\:bg-sidebar-accent:where([data-state="active"]), .data-active\:bg-sidebar-accent:where([data-active]:not([data-active="false"])) {
    background-color: var(--sidebar-accent);
  }

  .data-active\:font-medium:where([data-state="active"]), .data-active\:font-medium:where([data-active]:not([data-active="false"])) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .data-active\:text-foreground:where([data-state="active"]), .data-active\:text-foreground:where([data-active]:not([data-active="false"])) {
    color: var(--foreground);
  }

  .data-active\:text-sidebar-accent-foreground:where([data-state="active"]), .data-active\:text-sidebar-accent-foreground:where([data-active]:not([data-active="false"])) {
    color: var(--sidebar-accent-foreground);
  }

  .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *):where([data-state="active"]), .group-data-\[variant\=default\]\/tabs-list\:data-active\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *):where([data-active]:not([data-active="false"])) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
    background-color: #0000;
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  :is(.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"]))):after {
    content: var(--tw-content);
    opacity: 1;
  }

  @media (hover: hover) {
    :is(.data-active\:hover\:bg-muted:where([data-state="active"]), .data-active\:hover\:bg-muted:where([data-active]:not([data-active="false"]))):hover {
      background-color: var(--muted);
    }
  }

  :is(.data-active\:focus\:bg-muted:where([data-state="active"]), .data-active\:focus\:bg-muted:where([data-active]:not([data-active="false"]))):focus {
    background-color: var(--muted);
  }

  .dark\:data-active\:border-input:is(.dark *):where([data-state="active"]), .dark\:data-active\:border-input:is(.dark *):where([data-active]:not([data-active="false"])) {
    border-color: var(--input);
  }

  .dark\:data-active\:bg-input\/30:is(.dark *):where([data-state="active"]), .dark\:data-active\:bg-input\/30:is(.dark *):where([data-active]:not([data-active="false"])) {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:data-active\:bg-input\/30:is(.dark *):where([data-state="active"]), .dark\:data-active\:bg-input\/30:is(.dark *):where([data-active]:not([data-active="false"])) {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  .dark\:data-active\:text-foreground:is(.dark *):where([data-state="active"]), .dark\:data-active\:text-foreground:is(.dark *):where([data-active]:not([data-active="false"])) {
    color: var(--foreground);
  }

  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
    border-color: #0000;
  }

  .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-state="active"]), .dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *):where([data-active]:not([data-active="false"])) {
    background-color: #0000;
  }

  .data-horizontal\:mx-px:where([data-orientation="horizontal"]) {
    margin-inline: 1px;
  }

  .data-horizontal\:h-1:where([data-orientation="horizontal"]) {
    height: calc(var(--spacing) * 1);
  }

  .data-horizontal\:h-2\.5:where([data-orientation="horizontal"]) {
    height: calc(var(--spacing) * 2.5);
  }

  .data-horizontal\:h-full:where([data-orientation="horizontal"]) {
    height: 100%;
  }

  .data-horizontal\:h-px:where([data-orientation="horizontal"]) {
    height: 1px;
  }

  .data-horizontal\:w-auto:where([data-orientation="horizontal"]) {
    width: auto;
  }

  .data-horizontal\:w-full:where([data-orientation="horizontal"]) {
    width: 100%;
  }

  .data-horizontal\:flex-col:where([data-orientation="horizontal"]) {
    flex-direction: column;
  }

  .data-horizontal\:border-t:where([data-orientation="horizontal"]) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .data-horizontal\:border-t-transparent:where([data-orientation="horizontal"]) {
    border-top-color: #0000;
  }

  .data-vertical\:my-px:where([data-orientation="vertical"]) {
    margin-block: 1px;
  }

  .data-vertical\:h-auto:where([data-orientation="vertical"]) {
    height: auto;
  }

  .data-vertical\:h-full:where([data-orientation="vertical"]) {
    height: 100%;
  }

  .data-vertical\:min-h-40:where([data-orientation="vertical"]) {
    min-height: calc(var(--spacing) * 40);
  }

  .data-vertical\:w-1:where([data-orientation="vertical"]) {
    width: calc(var(--spacing) * 1);
  }

  .data-vertical\:w-2\.5:where([data-orientation="vertical"]) {
    width: calc(var(--spacing) * 2.5);
  }

  .data-vertical\:w-auto:where([data-orientation="vertical"]) {
    width: auto;
  }

  .data-vertical\:w-full:where([data-orientation="vertical"]) {
    width: 100%;
  }

  .data-vertical\:w-px:where([data-orientation="vertical"]) {
    width: 1px;
  }

  .data-vertical\:flex-col:where([data-orientation="vertical"]) {
    flex-direction: column;
  }

  .data-vertical\:items-stretch:where([data-orientation="vertical"]) {
    align-items: stretch;
  }

  .data-vertical\:self-center:where([data-orientation="vertical"]) {
    align-self: center;
  }

  .data-vertical\:self-stretch:where([data-orientation="vertical"]) {
    align-self: stretch;
  }

  .data-vertical\:border-l:where([data-orientation="vertical"]) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-vertical\:border-l-transparent:where([data-orientation="vertical"]) {
    border-left-color: #0000;
  }

  .\[\&_\.flex-col\]\:max-w-none .flex-col {
    max-width: none;
  }

  .\[\&_\.flex-col\]\:min-w-0 .flex-col {
    min-width: calc(var(--spacing) * 0);
  }

  .\[\&_\.flex-col\]\:items-end .flex-col {
    align-items: flex-end;
  }

  .\[\&_\.flex-col\>\*\:not\(\:first-child\)\]\:hidden .flex-col > :not(:first-child) {
    display: none;
  }

  .\[\&_\.flex-col\>\*\:not\(\:first-child\)\]\:text-\[11px\] .flex-col > :not(:first-child) {
    font-size: 11px;
  }

  .\[\&_\.flex-col\>\*\:not\(\:first-child\)\]\:leading-none .flex-col > :not(:first-child) {
    --tw-leading: 1;
    line-height: 1;
  }

  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
    fill: var(--muted-foreground);
  }

  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
    stroke: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
      stroke: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
    stroke: var(--border);
  }

  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
    stroke: #0000;
  }

  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] {
    stroke: var(--border);
  }

  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector {
    fill: var(--muted);
  }

  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
    fill: var(--muted);
  }

  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] {
    stroke: var(--border);
  }

  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
    stroke: #0000;
  }

  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\[data-slot\=\"input-otp-slot\"\]\]\:size-12 [data-slot="input-otp-slot"] {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .\[\&_\[data-slot\=\"input-otp-slot\"\]\]\:h-12 [data-slot="input-otp-slot"] {
    height: calc(var(--spacing) * 12);
  }

  .\[\&_\[data-slot\=\"input-otp-slot\"\]\]\:text-lg [data-slot="input-otp-slot"] {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  @media (min-width: 40rem) {
    .sm\:\[\&_\[data-slot\=\"input-otp-slot\"\]\]\:size-13 [data-slot="input-otp-slot"] {
      width: calc(var(--spacing) * 13);
      height: calc(var(--spacing) * 13);
    }
  }

  .\[\&_\[data-slot\=badge\]\]\:border-transparent [data-slot="badge"] {
    border-color: #0000;
  }

  .\[\&_\[data-slot\=badge\]\]\:bg-brand-signal-foreground [data-slot="badge"] {
    background-color: var(--brand-signal-foreground);
  }

  .\[\&_\[data-slot\=badge\]\]\:text-brand-signal [data-slot="badge"] {
    color: var(--brand-signal);
  }

  .\[\&_\[data-slot\=button\]\]\:w-full [data-slot="button"] {
    width: 100%;
  }

  .\[\&_\[data-slot\=button\]\]\:border-transparent [data-slot="button"] {
    border-color: #0000;
  }

  .\[\&_\[data-slot\=button\]\]\:text-brand-signal-foreground [data-slot="button"] {
    color: var(--brand-signal-foreground);
  }

  .\[\&_\[data-slot\=button\]\]\:shadow-none [data-slot="button"] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .\[\&_\[data-slot\=button\]\]\:hover\:bg-brand-signal-foreground\/10 [data-slot="button"]:hover {
      background-color: var(--brand-signal-foreground);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[\&_\[data-slot\=button\]\]\:hover\:bg-brand-signal-foreground\/10 [data-slot="button"]:hover {
        background-color: color-mix(in oklab, var(--brand-signal-foreground) 10%, transparent);
      }
    }
  }

  .\[\&_\[data-slot\=button\]\]\:focus-visible\:border-brand-signal-foreground\/30 [data-slot="button"]:focus-visible {
    border-color: var(--brand-signal-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\[data-slot\=button\]\]\:focus-visible\:border-brand-signal-foreground\/30 [data-slot="button"]:focus-visible {
      border-color: color-mix(in oklab, var(--brand-signal-foreground) 30%, transparent);
    }
  }

  .\[\&_\[data-slot\=button\]\]\:focus-visible\:ring-brand-signal-foreground\/20 [data-slot="button"]:focus-visible {
    --tw-ring-color: var(--brand-signal-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\[data-slot\=button\]\]\:focus-visible\:ring-brand-signal-foreground\/20 [data-slot="button"]:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--brand-signal-foreground) 20%, transparent);
    }
  }

  @media (min-width: 40rem) {
    .sm\:\[\&_\[data-slot\=button\]\]\:w-auto [data-slot="button"] {
      width: auto;
    }
  }

  .\[\&_\[data-slot\=field\]\]\:w-full [data-slot="field"] {
    width: 100%;
  }

  .\[\&_\[data-slot\=input\]\]\:w-full [data-slot="input"] {
    width: 100%;
  }

  .\[\&_\[data-slot\=progress-indicator\]\]\:bg-destructive [data-slot="progress-indicator"] {
    background-color: var(--destructive);
  }

  .\[\&_\[data-slot\=progress-indicator\]\]\:bg-success [data-slot="progress-indicator"] {
    background-color: var(--success);
  }

  .\[\&_\[data-slot\=progress-indicator\]\]\:bg-warning [data-slot="progress-indicator"] {
    background-color: var(--warning);
  }

  .\[\&_\[data-slot\=progress-indicator\]\]\:transition-none [data-slot="progress-indicator"] {
    transition-property: none;
  }

  .\[\&_\[data-slot\=scroll-area-viewport\]\]\:px-1 [data-slot="scroll-area-viewport"] {
    padding-inline: calc(var(--spacing) * 1);
  }

  .\[\&_\[data-slot\=scroll-area-viewport\]\]\:py-1 [data-slot="scroll-area-viewport"] {
    padding-block: calc(var(--spacing) * 1);
  }

  .\[\&_\[data-slot\=select-trigger\]\]\:w-full [data-slot="select-trigger"] {
    width: 100%;
  }

  .\[\&_\[data-slot\=select-trigger\]\]\:text-sm [data-slot="select-trigger"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .\[\&_\[data-slot\=select-value\]\]\:leading-5 [data-slot="select-value"] {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .\[\&_\[data-slot\=select-value\]_\[data-prefill-description\]\]\:hidden [data-slot="select-value"] [data-prefill-description] {
    display: none;
  }

  .\[\&_\[data-slot\=table-container\]\]\:overflow-x-hidden [data-slot="table-container"] {
    overflow-x: hidden;
  }

  .\[\&_a\]\:no-underline a {
    text-decoration-line: none;
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }

  .\[\&_a\]\:underline-offset-3 a {
    text-underline-offset: 3px;
  }

  @media (hover: hover) {
    .\[\&_a\]\:hover\:text-foreground a:hover {
      color: var(--foreground);
    }
  }

  .\[\&_a\:hover\]\:text-brand-signal-foreground a:hover {
    color: var(--brand-signal-foreground);
  }

  .\[\&_button\]\:max-w-full button {
    max-width: 100%;
  }

  .\[\&_button\:first-child\]\:max-w-full button:first-child {
    max-width: 100%;
  }

  .\[\&_button\:first-child\]\:truncate button:first-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\[\&_button\:first-child\]\:px-0 button:first-child {
    padding-inline: calc(var(--spacing) * 0);
  }

  .\[\&_code\]\:font-mono code {
    font-family: JetBrains Mono Variable, JetBrains Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace;
  }

  .\[\&_code\]\:text-sm code {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .\[\&_form\]\:overflow-x-visible form {
    overflow-x: visible;
  }

  .\[\&_img\]\:size-full img {
    width: 100%;
    height: 100%;
  }

  .\[\&_img\]\:object-cover img {
    object-fit: cover;
  }

  .\[\&_input\[type\=time\]\]\:w-24 input[type="time"] {
    width: calc(var(--spacing) * 24);
  }

  @media (min-width: 40rem) {
    .sm\:\[\&_input\[type\=time\]\]\:w-32 input[type="time"] {
      width: calc(var(--spacing) * 32);
    }
  }

  .\[\&_label\]\:sr-only label {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .\[\&_span\]\:max-w-full span {
    max-width: 100%;
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:invisible svg {
    visibility: hidden;
  }

  .\[\&_svg\]\:block svg {
    display: block;
  }

  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\]\:size-7 svg {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_table\]\:w-full table {
    width: 100%;
  }

  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_tr\]\:border-b-0 tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] {
    flex: none;
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden::-webkit-calendar-picker-indicator {
    display: none;
  }

  .\[\&\:\:-webkit-calendar-picker-indicator\]\:appearance-none::-webkit-calendar-picker-indicator {
    appearance: none;
  }

  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\):first-child[data-selected="true"] button {
    border-top-left-radius: var(--cell-radius);
    border-bottom-left-radius: var(--cell-radius);
  }

  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
    padding-right: calc(var(--spacing) * 0);
  }

  .\[\.border-b\]\:pb-2.border-b {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .\[\.border-b\]\:pb-4.border-b {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .group-data-\[size\=sm\]\/card\:\[\.border-b\]\:pb-3:is(:where(.group\/card)[data-size="sm"] *).border-b {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .\[\.border-t\]\:pt-2.border-t {
    padding-top: calc(var(--spacing) * 2);
  }

  :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg) {
    rotate: 180deg;
  }

  :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) {
    rotate: 180deg;
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:flex *)[cmdk-group-heading] {
    display: flex;
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:h-7 *)[cmdk-group-heading] {
    height: calc(var(--spacing) * 7);
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:items-center *)[cmdk-group-heading] {
    align-items: center;
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:px-2 *)[cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2);
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:px-3\! *)[cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 3) !important;
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:py-0\! *)[cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 0) !important;
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:py-1\.5 *)[cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1.5);
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-xs *)[cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:font-medium *)[cmdk-group-heading] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-muted-foreground *)[cmdk-group-heading] {
    color: var(--muted-foreground);
  }

  .\[a\]\:transition-colors:is(a) {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  :is(.\*\:\[a\]\:underline > *):is(a) {
    text-decoration-line: underline;
  }

  :is(.\*\:\[a\]\:underline-offset-3 > *):is(a) {
    text-underline-offset: 3px;
  }

  @media (hover: hover) {
    .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-destructive\/20:is(a):hover {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .\[a\]\:hover\:bg-destructive\/90:is(a):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-destructive\/90:is(a):hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .\[a\]\:hover\:bg-muted:is(a):hover {
      background-color: var(--muted);
    }
  }

  @media (hover: hover) {
    .\[a\]\:hover\:bg-primary\/80:is(a):hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-primary\/80:is(a):hover {
        background-color: color-mix(in oklab, var(--primary) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .\[a\]\:hover\:bg-reward\/15:is(a):hover {
      background-color: var(--reward);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-reward\/15:is(a):hover {
        background-color: color-mix(in oklab, var(--reward) 15%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-secondary\/80:is(a):hover {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .\[a\]\:hover\:bg-success\/15:is(a):hover {
      background-color: var(--success);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-success\/15:is(a):hover {
        background-color: color-mix(in oklab, var(--success) 15%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .\[a\]\:hover\:bg-trust-surface:is(a):hover {
      background-color: var(--trust-surface);
    }
  }

  @media (hover: hover) {
    .\[a\]\:hover\:text-muted-foreground:is(a):hover {
      color: var(--muted-foreground);
    }
  }

  @media (hover: hover) {
    :is(.\*\:\[a\]\:hover\:text-foreground > *):is(a):hover {
      color: var(--foreground);
    }
  }

  :is(.\*\:\[img\:first-child\]\:rounded-t-xl > *):is(img:first-child) {
    border-top-left-radius: calc(var(--radius) * 1.4);
    border-top-right-radius: calc(var(--radius) * 1.4);
  }

  :is(.\*\:\[img\:last-child\]\:rounded-b-xl > *):is(img:last-child) {
    border-bottom-right-radius: calc(var(--radius) * 1.4);
    border-bottom-left-radius: calc(var(--radius) * 1.4);
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }

  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  :is(.\*\:\[svg\]\:row-span-2 > *):is(svg) {
    grid-row: span 2 / span 2;
  }

  :is(.\*\:\[svg\]\:translate-y-0\.5 > *):is(svg) {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  :is(.\*\:\[svg\]\:text-current > *):is(svg) {
    color: currentColor;
  }

  :is(.\*\:\[svg\]\:text-info > *):is(svg) {
    color: var(--info);
  }

  :is(.\*\:\[svg\]\:text-success > *):is(svg) {
    color: var(--success);
  }

  :is(.\*\:\[svg\]\:text-trust > *):is(svg) {
    color: var(--trust);
  }

  :is(.\*\:\[svg\]\:text-warning > *):is(svg) {
    color: var(--warning);
  }

  :is(.focus\:\*\:\[svg\]\:text-accent-foreground:focus > *):is(svg) {
    color: var(--accent-foreground);
  }

  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
    color: var(--destructive);
  }

  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant="destructive"] > *):is(svg) {
    color: var(--destructive) !important;
  }

  :is(.data-selected\:\*\:\[svg\]\:text-foreground:where([data-selected="true"]) > *):is(svg) {
    color: var(--foreground);
  }

  :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > *):is(svg:not([class*="size-"])) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 > *):is(svg:not([class*="size-"])) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-\(--cell-radius\):last-child[data-selected="true"] button {
    border-top-right-radius: var(--cell-radius);
    border-bottom-right-radius: var(--cell-radius);
  }

  .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-\(--cell-radius\):nth-child(2)[data-selected="true"] button {
    border-top-left-radius: var(--cell-radius);
    border-bottom-left-radius: var(--cell-radius);
  }

  .\[\&\>\*\]\:shrink-0 > * {
    flex-shrink: 0;
  }

  .\[\&\>\*\:first-child\]\:mt-0 > :first-child {
    margin-top: calc(var(--spacing) * 0);
  }

  .\[\&\>\*\:has\(\>\[data-slot\=status-badge\]\:first-child\)\:first-child\]\:-ml-1\.5 > :has( > [data-slot="status-badge"]:first-child):first-child {
    margin-left: calc(var(--spacing) * -1.5);
  }

  .\[\&\>\*\:last-child\]\:mb-0 > :last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }

  @media (min-width: 64rem) {
    .lg\:\[\&\>\*\:not\(\[data-slot\=form-item\]\)\]\:col-span-2 > :not([data-slot="form-item"]) {
      grid-column: span 2 / span 2;
    }
  }

  .\[\&\>\.lobe-flex\]\:flex > .lobe-flex {
    display: flex;
  }

  .\[\&\>\.lobe-flex\]\:size-full > .lobe-flex {
    width: 100%;
    height: 100%;
  }

  .\[\&\>\.lobe-flex\]\:items-center > .lobe-flex {
    align-items: center;
  }

  .\[\&\>\.lobe-flex\]\:justify-center > .lobe-flex {
    justify-content: center;
  }

  .\[\&\>\.lobe-flex\>svg\]\:block > .lobe-flex > svg {
    display: block;
  }

  .\[\&\>\.lobe-flex\>svg\]\:size-full > .lobe-flex > svg {
    width: 100%;
    height: 100%;
  }

  .\[\&\>\.sr-only\]\:w-auto > .sr-only {
    width: auto;
  }

  @media (min-width: 64rem) {
    .lg\:\[\&\>\[data-settings-form-span\=full\]\]\:col-span-2 > [data-settings-form-span="full"] {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 40rem) {
    .sm\:\[\&\>\[data-slot\=\"input-otp-group\"\]\>div\]\:w-12 > [data-slot="input-otp-group"] > div {
      width: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 64rem) {
    .lg\:\[\&\>\[data-slot\=alert\]\]\:col-span-2 > [data-slot="alert"] {
      grid-column: span 2 / span 2;
    }
  }

  @container content (width >= 52rem) {
    .\@min-\[52rem\]\/content\:\[\&\>\[data-slot\=field-label\]\]\:w-auto > [data-slot="field-label"] {
      width: auto;
    }
  }

  .\[\&\>\[data-slot\=form-item\]\]\:min-w-0 > [data-slot="form-item"] {
    min-width: calc(var(--spacing) * 0);
  }

  @media (min-width: 64rem) {
    .lg\:\[\&\>\[data-slot\=form-item\]\:has\(\[data-slot\=switch\]\)\]\:col-span-2 > [data-slot="form-item"]:has([data-slot="switch"]) {
      grid-column: span 2 / span 2;
    }
  }

  @media (min-width: 64rem) {
    .lg\:\[\&\>\[data-slot\=form-item\]\:has\(textarea\)\]\:col-span-2 > [data-slot="form-item"]:has(textarea) {
      grid-column: span 2 / span 2;
    }
  }

  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-lg:has(:is(select[aria-hidden="true"]:last-child)) > [data-slot="select-trigger"]:last-of-type {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }

  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot="select-trigger"]:not([class*="w-"]) {
    width: fit-content;
  }

  .\[\&\>\[data-slot\=status-badge\]\:first-child\]\:-ml-1\.5 > [data-slot="status-badge"]:first-child {
    margin-left: calc(var(--spacing) * -1.5);
  }

  .\[\&\>\[data-slot\=table-container\]\]\:overflow-visible > [data-slot="table-container"] {
    overflow: visible;
  }

  .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-r-lg\! > [data-slot]:not(:has( ~ [data-slot])) {
    border-top-right-radius: var(--radius) !important;
    border-bottom-right-radius: var(--radius) !important;
  }

  .\[\&\>\[data-slot\]\:not\(\:has\(\~\[data-slot\]\)\)\]\:rounded-b-lg\! > [data-slot]:not(:has( ~ [data-slot])) {
    border-bottom-right-radius: var(--radius) !important;
    border-bottom-left-radius: var(--radius) !important;
  }

  .\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-t-none > [data-slot] ~ [data-slot] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .\[\&\>\[data-slot\]\~\[data-slot\]\]\:rounded-l-none > [data-slot] ~ [data-slot] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-t-0 > [data-slot] ~ [data-slot] {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .\[\&\>\[data-slot\]\~\[data-slot\]\]\:border-l-0 > [data-slot] ~ [data-slot] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
    margin-top: 1px;
  }

  @container field-group (width >= 28rem) {
    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
      margin-top: 1px;
    }
  }

  .\[\&\>a\]\:underline > a {
    text-decoration-line: underline;
  }

  .\[\&\>a\]\:underline-offset-4 > a {
    text-underline-offset: 4px;
  }

  .\[\&\>a\:hover\]\:text-primary > a:hover {
    color: var(--primary);
  }

  .\[\&\>button\]\:rounded-md > button {
    border-radius: calc(var(--radius) * .8);
  }

  .\[\&\>button\]\:border-none\! > button {
    --tw-border-style: none !important;
    border-style: none !important;
  }

  .\[\&\>button\]\:bg-transparent\! > button {
    background-color: #0000 !important;
  }

  @media (hover: hover) {
    .\[\&\>button\]\:hover\:bg-secondary\! > button:hover {
      background-color: var(--secondary) !important;
    }
  }

  .\[\&\>circle\]\:hidden > circle {
    display: none;
  }

  .\[\&\>div\]\:h-full > div {
    height: 100%;
  }

  .\[\&\>input\]\:flex-1 > input {
    flex: 1;
  }

  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align="block-end"]) > input {
    padding-top: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align="block-start"]) > input {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5:has( > [data-align="inline-end"]) > input {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:has( > [data-align="inline-start"]) > input {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .\[\&\>kbd\]\:rounded-sm > kbd {
    border-radius: calc(var(--radius) * .6);
  }

  .\[\&\>p\:first-child\]\:text-xl > p:first-child {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .\[\&\>p\:first-child\]\:leading-snug > p:first-child {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .\[\&\>p\:first-child\]\:font-semibold > p:first-child {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  @media (min-width: 40rem) {
    .sm\:\[\&\>p\:first-child\]\:text-2xl > p:first-child {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }

  .\[\&\>path\]\:fill-foreground > path {
    fill: var(--foreground);
  }

  .\[\&\>path\]\:stroke-current > path {
    stroke: currentColor;
  }

  .\[\&\>pre\]\:m-0 > pre {
    margin: calc(var(--spacing) * 0);
  }

  .\[\&\>pre\]\:bg-background\! > pre {
    background-color: var(--background) !important;
  }

  .\[\&\>pre\]\:p-4 > pre {
    padding: calc(var(--spacing) * 4);
  }

  .\[\&\>pre\]\:text-sm > pre {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .\[\&\>pre\]\:text-foreground\! > pre {
    color: var(--foreground) !important;
  }

  .\[\&\>span\]\:text-xs > span {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&\>span\]\:opacity-70 > span {
    opacity: .7;
  }

  .\[\&\>span\:last-child\]\:truncate > span:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .\[\&\>svg\]\:size-2\.5 > svg {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .\[\&\>svg\]\:size-3\! > svg {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }

  .\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:h-2\.5 > svg {
    height: calc(var(--spacing) * 2.5);
  }

  .\[\&\>svg\]\:h-3 > svg {
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:w-2\.5 > svg {
    width: calc(var(--spacing) * 2.5);
  }

  .\[\&\>svg\]\:w-3 > svg {
    width: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }

  .\[\&\>svg\]\:text-muted-foreground > svg {
    color: var(--muted-foreground);
  }

  .\[\&\>svg\]\:text-sidebar-accent-foreground > svg {
    color: var(--sidebar-accent-foreground);
  }

  .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size="lg"]) *) > svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size="sm"]) *) > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="default"] *) > svg {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="lg"] *) > svg {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size="sm"] *) > svg {
    display: none;
  }

  .\[\&\>svg\:last-child\]\:mt-px > svg:last-child {
    margin-top: 1px;
  }

  .\[\&\>svg\:last-child\]\:ml-0 > svg:last-child {
    margin-left: calc(var(--spacing) * 0);
  }

  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>td\]\:bg-\[color-mix\(in_oklab\,var\(--muted\)_35\%\,var\(--card\)\)\] > td {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\>td\]\:bg-\[color-mix\(in_oklab\,var\(--muted\)_35\%\,var\(--card\)\)\] > td {
      background-color: color-mix(in oklab,var(--muted) 35%,var(--card));
    }
  }

  @media (hover: hover) {
    .hover\:\[\&\>td\]\:bg-\[var\(--console-surface-subtle\,var\(--muted\)\)\]:hover > td {
      background-color: var(--console-surface-subtle, var(--muted));
    }
  }

  .data-\[state\=selected\]\:\[\&\>td\]\:bg-accent[data-state="selected"] > td {
    background-color: var(--accent);
  }

  .\[\&\>td\:first-child\]\:border-l-2 > td:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .\[\&\>td\:first-child\]\:border-l-muted-foreground\/35 > td:first-child {
    border-left-color: var(--muted-foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\>td\:first-child\]\:border-l-muted-foreground\/35 > td:first-child {
      border-left-color: color-mix(in oklab, var(--muted-foreground) 35%, transparent);
    }
  }

  .\[\&\>td\:first-child\]\:pl-1\.5 > td:first-child {
    padding-left: calc(var(--spacing) * 1.5);
  }

  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .\[\&\[aria-expanded\=\"true\"\]\]\:bg-accent[aria-expanded="true"] {
    background-color: var(--accent);
  }

  .\[\&\[aria-expanded\=\"true\"\]\]\:text-foreground[aria-expanded="true"] {
    color: var(--foreground);
  }

  .\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation="horizontal"] > div {
    rotate: 90deg;
  }

  [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    right: calc(var(--spacing) * -2);
  }

  [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
    cursor: e-resize;
  }

  [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    left: calc(var(--spacing) * -2);
  }

  [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    cursor: w-resize;
  }

  [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
    margin-top: calc(var(--spacing) * -1.5);
  }

  .bg-radial {
    background-image: radial-gradient(var(--tw-gradient-stops));
  }

  .glass-1 {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .glass-1 {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  .glass-1 {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, var(--card) 80%, transparent);
    --tw-gradient-to: color-mix(in oklab, var(--card) 40%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .glass-1:is(.dark *) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-1:is(.dark *) {
      border-color: color-mix(in oklab, var(--border) 10%, transparent);
    }
  }

  .glass-1:is(.dark *) {
    border-top-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-1:is(.dark *) {
      border-top-color: color-mix(in oklab, var(--border) 20%, transparent);
    }
  }

  .glass-1:is(.dark *) {
    border-bottom-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-1:is(.dark *) {
      border-bottom-color: color-mix(in oklab, var(--border) 5%, transparent);
    }
  }

  .glass-1:is(.dark *) {
    --tw-gradient-from: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-1:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--card) 5%, transparent);
    }
  }

  .glass-1:is(.dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .glass-1:is(.dark *) {
    --tw-gradient-to: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-1:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--card) 0%, transparent);
    }
  }

  .glass-1:is(.dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .glass-2 {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .glass-2 {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  .glass-2 {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--card);
    --tw-gradient-to: color-mix(in oklab, var(--card) 80%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .glass-2:is(.dark *) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-2:is(.dark *) {
      border-color: color-mix(in oklab, var(--border) 10%, transparent);
    }
  }

  .glass-2:is(.dark *) {
    border-top-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-2:is(.dark *) {
      border-top-color: color-mix(in oklab, var(--border) 20%, transparent);
    }
  }

  .glass-2:is(.dark *) {
    border-bottom-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-2:is(.dark *) {
      border-bottom-color: color-mix(in oklab, var(--border) 5%, transparent);
    }
  }

  .glass-2:is(.dark *) {
    --tw-gradient-from: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-2:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--card) 10%, transparent);
    }
  }

  .glass-2:is(.dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .glass-2:is(.dark *) {
    --tw-gradient-to: var(--card);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-2:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--card) 5%, transparent);
    }
  }

  .glass-2:is(.dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .glass-3 {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .glass-3 {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  .glass-3 {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, var(--card) 30%, transparent);
    --tw-gradient-to: color-mix(in oklab, var(--card) 20%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .glass-3:is(.dark *) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-3:is(.dark *) {
      border-color: color-mix(in oklab, var(--border) 10%, transparent);
    }
  }

  .glass-3:is(.dark *) {
    border-top-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-3:is(.dark *) {
      border-top-color: color-mix(in oklab, var(--border) 20%, transparent);
    }
  }

  .glass-3:is(.dark *) {
    border-bottom-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-3:is(.dark *) {
      border-bottom-color: color-mix(in oklab, var(--border) 5%, transparent);
    }
  }

  .glass-3:is(.dark *) {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-3:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .glass-3:is(.dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .glass-3:is(.dark *) {
    --tw-gradient-to: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-3:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 2%, transparent);
    }
  }

  .glass-3:is(.dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .glass-4 {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    border-bottom-color: color-mix(in oklab, var(--input) 90%, transparent);
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .glass-4 {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  .glass-4 {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: color-mix(in oklab, var(--card) 60%, transparent);
    --tw-gradient-to: color-mix(in oklab, var(--card) 20%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .glass-4:is(.dark *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .glass-4:is(.dark *) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-4:is(.dark *) {
      border-color: color-mix(in oklab, var(--border) 10%, transparent);
    }
  }

  .glass-4:is(.dark *) {
    border-top-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-4:is(.dark *) {
      border-top-color: color-mix(in oklab, var(--border) 30%, transparent);
    }
  }

  .glass-4:is(.dark *) {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-4:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent);
    }
  }

  .glass-4:is(.dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .glass-4:is(.dark *) {
    --tw-gradient-to: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-4:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .glass-4:is(.dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .glass-5 {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    border-bottom-color: var(--input);
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .glass-5 {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  .glass-5 {
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--card);
    --tw-gradient-to: color-mix(in oklab, var(--card) 20%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .glass-5:is(.dark *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .glass-5:is(.dark *) {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-5:is(.dark *) {
      border-color: color-mix(in oklab, var(--border) 10%, transparent);
    }
  }

  .glass-5:is(.dark *) {
    border-top-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-5:is(.dark *) {
      border-top-color: color-mix(in oklab, var(--border) 30%, transparent);
    }
  }

  .glass-5:is(.dark *) {
    --tw-gradient-from: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-5:is(.dark *) {
      --tw-gradient-from: color-mix(in oklab, var(--primary) 15%, transparent);
    }
  }

  .glass-5:is(.dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .glass-5:is(.dark *) {
    --tw-gradient-to: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .glass-5:is(.dark *) {
      --tw-gradient-to: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .glass-5:is(.dark *) {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .fade-x {
    -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 25% 75%, #0000 100%);
    mask-image: linear-gradient(to right, #0000 0%, #000 25% 75%, #0000 100%);
  }

  .fade-y {
    -webkit-mask-image: linear-gradient(to top, #0000 0%, #000 25% 75%, #0000 100%);
    mask-image: linear-gradient(to top, #0000 0%, #000 25% 75%, #0000 100%);
  }

  .fade-top {
    -webkit-mask-image: linear-gradient(#0000 0%, #000 35%);
    mask-image: linear-gradient(#0000 0%, #000 35%);
  }

  .fade-bottom {
    -webkit-mask-image: linear-gradient(to top, #0000 0%, #000 35%);
    mask-image: linear-gradient(to top, #0000 0%, #000 35%);
  }

  .fade-top-lg {
    -webkit-mask-image: linear-gradient(#0000 15%, #000 100%);
    mask-image: linear-gradient(#0000 15%, #000 100%);
  }

  .fade-bottom-lg {
    -webkit-mask-image: linear-gradient(to top, #0000 15%, #000 100%);
    mask-image: linear-gradient(to top, #0000 15%, #000 100%);
  }

  .fade-left {
    -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 35%);
    mask-image: linear-gradient(to right, #0000 0%, #000 35%);
  }

  .fade-right {
    -webkit-mask-image: linear-gradient(to left, #0000 0%, #000 35%);
    mask-image: linear-gradient(to left, #0000 0%, #000 35%);
  }

  .fade-left-lg {
    -webkit-mask-image: linear-gradient(to right, #0000 15%, #000 100%);
    mask-image: linear-gradient(to right, #0000 15%, #000 100%);
  }

  .fade-right-lg {
    -webkit-mask-image: linear-gradient(to left, #0000 15%, #000 100%);
    mask-image: linear-gradient(to left, #0000 15%, #000 100%);
  }

  .animate-appear {
    animation: .6s ease-out forwards appear;
  }

  .animate-appear-zoom {
    animation: .6s ease-out forwards appear-zoom;
  }

  .animation-delay-100 {
    animation-delay: .1s;
  }

  .animation-delay-300 {
    animation-delay: .3s;
  }

  .animation-delay-700 {
    animation-delay: .7s;
  }

  .animation-delay-1000 {
    animation-delay: 1s;
  }

  @keyframes appear {
    0% {
      opacity: 0;
      filter: blur(.5rem);
      transform: translateY(1rem);
    }

    50% {
      filter: blur();
    }

    100% {
      opacity: 1;
      filter: blur();
      transform: translateY(0);
    }
  }

  @keyframes appear-zoom {
    0% {
      opacity: 0;
      transform: scale(.5);
    }

    100% {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes scroll-up {
    0% {
      transform: translateY(0);
    }

    100% {
      transform: translateY(-50%);
    }
  }

  .animate-scroll-up {
    will-change: transform;
    animation: 20s linear infinite scroll-up;
  }

  .animate-scroll-down {
    will-change: transform;
    animation: 20s linear infinite reverse scroll-up;
  }

  .scroll-container:hover .animate-scroll-up, .scroll-container:hover .animate-scroll-down {
    animation-play-state: paused;
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@font-face {
  font-family: Public Sans Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/static/font/public-sans-vietnamese-wght-normal.7b0fa8550c.woff2) format("woff2-variations");
  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: Public Sans Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/static/font/public-sans-latin-ext-wght-normal.0afa0ba4c0.woff2) format("woff2-variations");
  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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Public Sans Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/static/font/public-sans-latin-wght-normal.035c7fe496.woff2) format("woff2-variations");
  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: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA) format("woff2-variations");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/static/font/jetbrains-mono-cyrillic-wght-normal.23645aad5c.woff2) format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/static/font/jetbrains-mono-greek-wght-normal.c6c31cb135.woff2) format("woff2-variations");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/static/font/jetbrains-mono-vietnamese-wght-normal.93fc40a807.woff2) format("woff2-variations");
  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: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/static/font/jetbrains-mono-latin-ext-wght-normal.9c9751ca11.woff2) format("woff2-variations");
  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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: JetBrains Mono Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 800;
  src: url(/static/font/jetbrains-mono-latin-wght-normal.a865edea07.woff2) format("woff2-variations");
  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: Lora Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url(/static/font/lora-cyrillic-ext-wght-normal.a558ae9346.woff2) format("woff2-variations");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Lora Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url(/static/font/lora-cyrillic-wght-normal.e27a865958.woff2) format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Lora Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url(/static/font/lora-math-wght-normal.b7769d42e6.woff2) format("woff2-variations");
  unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE??;
}

@font-face {
  font-family: Lora Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url(/static/font/lora-symbols-wght-normal.0f558387a7.woff2) format("woff2-variations");
  unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+28??, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B??, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F0??, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F7??, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB??;
}

@font-face {
  font-family: Lora Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url(/static/font/lora-vietnamese-wght-normal.19149cdf69.woff2) format("woff2-variations");
  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: Lora Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url(/static/font/lora-latin-ext-wght-normal.ffcbee2da9.woff2) format("woff2-variations");
  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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Lora Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 400 700;
  src: url(/static/font/lora-latin-wght-normal.f60a385cfb.woff2) format("woff2-variations");
  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;
}

:root {
  --cheapai-background: #f6f9f8;
  --cheapai-foreground: #152824;
  --cheapai-card: #fff;
  --cheapai-card-foreground: #152824;
  --cheapai-popover: #fff;
  --cheapai-popover-foreground: #152824;
  --cheapai-primary: #076c59;
  --cheapai-primary-foreground: #fff;
  --cheapai-muted: #edf3f0;
  --secondary-mix: 20%;
  --cheapai-secondary: var(--cheapai-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --cheapai-secondary: color-mix(in srgb,
    var(--cheapai-foreground) var(--secondary-mix),
    var(--cheapai-background));
  }
}

:root {
  --cheapai-secondary-foreground: #234c40;
  --cheapai-muted-foreground: #58716a;
  --cheapai-accent: #e0eee8;
  --cheapai-accent-foreground: #164e3f;
  --cheapai-border: #dae5e0;
  --cheapai-input: #c4d6ce;
  --cheapai-ring: #10836c;
  --radius: .625rem;
  --app-header-height: 3rem;
  --motion-overlay-backdrop: .18s;
  --motion-overlay-popup: .15s;
  --motion-overlay-dialog-enter: .22s;
  --motion-overlay-dialog-exit: .16s;
  --motion-overlay-sheet-enter: .24s;
  --motion-overlay-sheet-exit: .18s;
  --motion-ease-enter: cubic-bezier(.16, 1, .3, 1);
  --motion-ease-exit: cubic-bezier(.4, 0, 1, 1);
  --overlay-menu-padding: .375rem;
  --overlay-menu-gap: .125rem;
  --overlay-menu-item-padding-block: .375rem;
  --overlay-menu-item-padding-inline: .625rem;
  --overlay-menu-item-gap: .5rem;
  --overlay-menu-item-min-height: 2rem;
  --overlay-menu-font-size: .8125rem;
  --overlay-menu-line-height: 1.25rem;
  --overlay-menu-font-weight: 500;
  --overlay-menu-label-size: .6875rem;
  --overlay-menu-radius: .5rem;
  --overlay-menu-item-radius: .375rem;
  --overlay-menu-hover-mix: 8%;
  --overlay-menu-border: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  :root {
    --overlay-menu-border: color-mix(in srgb, var(--foreground) 16%, transparent);
  }
}

:root {
  --overlay-menu-shadow: 0 1px 2px #1e2f4c0f, 0 8px 24px #1e2f4c14,
    0 18px 44px -12px #1e2f4c29;
  --app-rev: "2k6e8r7p";
  --font-body: var(--font-sans);
  --background: var(--cheapai-background);
  --foreground: var(--cheapai-foreground);
  --card: var(--cheapai-card);
  --card-foreground: var(--cheapai-card-foreground);
  --popover: var(--cheapai-popover);
  --popover-foreground: var(--cheapai-popover-foreground);
  --primary: var(--cheapai-primary);
  --primary-foreground: var(--cheapai-primary-foreground);
  --secondary: var(--cheapai-secondary);
  --secondary-foreground: var(--cheapai-secondary-foreground);
  --muted: var(--cheapai-muted);
  --muted-foreground: var(--cheapai-muted-foreground);
  --accent: var(--cheapai-accent);
  --accent-foreground: var(--cheapai-accent-foreground);
  --destructive: #b4473d;
  --destructive-foreground: #fff;
  --success: #3f765e;
  --success-foreground: #fff;
  --warning: #936722;
  --warning-foreground: #fff;
  --info: #496f7d;
  --info-foreground: #fff;
  --trust: #2f7378;
  --trust-foreground: #fff;
  --trust-surface: #e7f2f1;
  --trust-surface-foreground: #17494d;
  --reward: #8a651f;
  --support-customer-new: var(--muted-foreground);
  --support-customer-starter: #315f88;
  --support-customer-growth: #26706d;
  --support-customer-premium: #7453a6;
  --support-customer-vip: #8a651f;
  --neutral: #747b72;
  --neutral-foreground: #fff;
  --border: var(--cheapai-border);
  --input: var(--cheapai-input);
  --ring: var(--cheapai-ring);
  --chart-1: #087f68;
  --chart-2: #2c85a2;
  --chart-3: #cc9a40;
  --chart-4: #8d79a9;
  --chart-5: #c97668;
  --sidebar: #edf4f0;
  --sidebar-foreground: #294b40;
  --sidebar-primary: #076c59;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #dbece3;
  --sidebar-accent-foreground: #0f604b;
  --sidebar-border: #d5e3dc;
  --sidebar-ring: #10836c;
  --surface: #fff;
  --surface-foreground: #152824;
  --brand-signal: #22cfa4;
  --brand-signal-foreground: #06281f;
  --brand-signal-banner: #7fee64;
  --brand-signal-banner-foreground: #0a0a0a;
  --avatar-foreground: #171717;
  --avatar-fallback-background: var(--avatar-tone-8);
  --avatar-tone-1: #f68579;
  --avatar-tone-2: #f9a46c;
  --avatar-tone-3: #f8cc5d;
  --avatar-tone-4: #c7ed6e;
  --avatar-tone-5: #74e795;
  --avatar-tone-6: #6ae7ca;
  --avatar-tone-7: #65daec;
  --avatar-tone-8: #77bcf8;
  --avatar-tone-9: #879af7;
  --avatar-tone-10: #ac90f4;
  --avatar-tone-11: #d889f0;
  --avatar-tone-12: #f57fba;
  --skeleton-base: #e6eee9;
  --skeleton-highlight: #f9fbfa;
  --overlay: #0b100f24;
  --surface-subtle-mix: 3%;
  --status-surface-mix: 11%;
  --status-subtle-mix: 5%;
}

.dark {
  --cheapai-background: #060909;
  --cheapai-foreground: #e7f3ee;
  --cheapai-card: #0d1314;
  --cheapai-card-foreground: #e7f3ee;
  --cheapai-popover: #111819;
  --cheapai-popover-foreground: #e7f3ee;
  --cheapai-primary: #6ee3c0;
  --cheapai-primary-foreground: #07271f;
  --cheapai-secondary: #183032;
  --cheapai-secondary-foreground: #d2e7dd;
  --cheapai-muted: #121a1a;
  --cheapai-muted-foreground: #a0b7b0;
  --cheapai-accent: #1e3c39;
  --cheapai-accent-foreground: #b8f3dc;
  --cheapai-border: #1f2b2a;
  --cheapai-input: #2a3a37;
  --cheapai-ring: #6ee3c0;
  --background: var(--cheapai-background);
  --foreground: var(--cheapai-foreground);
  --card: var(--cheapai-card);
  --card-foreground: var(--cheapai-card-foreground);
  --popover: var(--cheapai-popover);
  --popover-foreground: var(--cheapai-popover-foreground);
  --primary: var(--cheapai-primary);
  --primary-foreground: var(--cheapai-primary-foreground);
  --secondary: var(--cheapai-secondary);
  --secondary-foreground: var(--cheapai-secondary-foreground);
  --muted: var(--cheapai-muted);
  --muted-foreground: var(--cheapai-muted-foreground);
  --accent: var(--cheapai-accent);
  --accent-foreground: var(--cheapai-accent-foreground);
  --destructive: #d36a61;
  --destructive-foreground: #0b0d0b;
  --success: #72a889;
  --success-foreground: #0b0d0b;
  --warning: #c49a58;
  --warning-foreground: #0b0d0b;
  --info: #79a3b1;
  --info-foreground: #0b0d0b;
  --trust: #79b9bd;
  --trust-foreground: #08191a;
  --trust-surface: #101819;
  --trust-surface-foreground: #b9dcde;
  --reward: #d5ad5e;
  --support-customer-new: var(--muted-foreground);
  --support-customer-starter: #86b7de;
  --support-customer-growth: #72c4ba;
  --support-customer-premium: #bba0e3;
  --support-customer-vip: #e1bd72;
  --neutral: #a7aea4;
  --neutral-foreground: #0b0d0b;
  --border: var(--cheapai-border);
  --input: var(--cheapai-input);
  --ring: var(--cheapai-ring);
  --chart-1: #6ee3c0;
  --chart-2: #70bce0;
  --chart-3: #e1b866;
  --chart-4: #b4a3d4;
  --chart-5: #ec9a85;
  --sidebar: #080c0d;
  --sidebar-foreground: #d4e8df;
  --sidebar-primary: #6ee3c0;
  --sidebar-primary-foreground: #07271f;
  --sidebar-accent: #1b3732;
  --sidebar-accent-foreground: #adf0d6;
  --sidebar-border: #28443b;
  --sidebar-ring: #6ee3c0;
  --surface: #0d1314;
  --surface-foreground: #e7f3ee;
  --brand-signal: #6ee3c0;
  --brand-signal-foreground: #07271f;
  --brand-signal-banner: #b4f56a;
  --brand-signal-banner-foreground: #0a0a0a;
  --skeleton-base: #19332f;
  --skeleton-highlight: #264a41;
  --overlay: #0000008c;
  --surface-subtle-mix: 5%;
  --status-surface-mix: 20%;
  --status-subtle-mix: 11%;
  --overlay-menu-hover-mix: 12%;
  --overlay-menu-border: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark {
    --overlay-menu-border: color-mix(in srgb, var(--foreground) 18%, transparent);
  }
}

.dark {
  --overlay-menu-shadow: 0 1px 2px #00000080, 0 12px 32px #00000061,
    0 28px 56px -16px #00000080;
}

[data-theme-preset="underground"] {
  --primary: #49785b;
  --primary-foreground: #fff;
  --secondary: #99658c;
  --secondary-foreground: #fff;
  --ring: #49785b;
  --chart-1: #49785b;
  --chart-2: #99658c;
  --chart-3: #a9e0c0;
  --chart-4: #d8bed3;
  --chart-5: #e4f6eb;
  --sidebar-primary: #49785b;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #f2f5f8;
  --sidebar-accent-foreground: #202938;
  --sidebar-ring: #49785b;
  --radius: .5rem;
}

@supports (color: lab(0% 0 0)) {
  [data-theme-preset="underground"] {
    --primary: lab(46.5738% -22.0596 10.6867);
    --primary-foreground: lab(100% 0 0);
    --secondary: lab(49.4622% 26.3981 -12.5849);
    --secondary-foreground: lab(100% 0 0);
    --ring: lab(46.5738% -22.0596 10.6867);
    --chart-1: lab(46.5738% -22.0596 10.6867);
    --chart-2: lab(49.4622% 26.3981 -12.5849);
    --chart-3: lab(84.7759% -23.4849 10.0465);
    --chart-4: lab(79.6055% 12.6302 -7.35737);
    --chart-5: lab(95.2598% -7.46852 3.09606);
    --sidebar-primary: lab(46.5738% -22.0596 10.6867);
    --sidebar-primary-foreground: lab(100% 0 0);
    --sidebar-accent: lab(96.3679% -.624329 -1.79989);
    --sidebar-accent-foreground: lab(16.217% -.628665 -10.7987);
    --sidebar-ring: lab(46.5738% -22.0596 10.6867);
  }
}

.dark [data-theme-preset="underground"] {
  --primary: #58946d;
  --primary-foreground: #030713;
  --secondary: #b47fa8;
  --secondary-foreground: #030713;
  --ring: #58946d;
  --chart-1: #58946d;
  --chart-2: #b47fa8;
  --chart-3: #6db587;
  --chart-4: #c498bb;
  --chart-5: #82cb9e;
  --sidebar-primary: #58946d;
  --sidebar-primary-foreground: #030713;
  --sidebar-accent: #202938;
  --sidebar-accent-foreground: #e3e8ee;
  --sidebar-ring: #58946d;
}

@supports (color: lab(0% 0 0)) {
  .dark [data-theme-preset="underground"] {
    --primary: lab(56.447% -27.2459 14.1927);
    --primary-foreground: lab(1.83775% .58981 -6.09992);
    --secondary: lab(59.6347% 25.8571 -13.6415);
    --secondary-foreground: lab(1.83775% .58981 -6.09992);
    --ring: lab(56.447% -27.2459 14.1927);
    --chart-1: lab(56.447% -27.2459 14.1927);
    --chart-2: lab(59.6347% 25.8571 -13.6415);
    --chart-3: lab(67.9206% -31.1118 16.2603);
    --chart-4: lab(67.7955% 21.1338 -11.4817);
    --chart-5: lab(75.8899% -30.9724 14.9659);
    --sidebar-primary: lab(56.447% -27.2459 14.1927);
    --sidebar-primary-foreground: lab(1.83775% .58981 -6.09992);
    --sidebar-accent: lab(16.217% -.628665 -10.7987);
    --sidebar-accent-foreground: lab(91.7435% -.739306 -3.49175);
    --sidebar-ring: lab(56.447% -27.2459 14.1927);
  }
}

[data-theme-preset="rose-garden"] {
  --primary: #e30054;
  --primary-foreground: #fff;
  --secondary: #ffa3b7;
  --secondary-foreground: #282625;
  --ring: #e30054;
  --chart-1: #e30054;
  --chart-2: #fecdd8;
  --chart-3: #ff668d;
  --chart-4: #ffa3b7;
  --chart-5: #fee5e9;
  --sidebar-primary: #e30054;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #e30054;
  --sidebar-accent-foreground: #fff;
  --sidebar-ring: #e30054;
  --radius: 1rem;
}

@supports (color: lab(0% 0 0)) {
  [data-theme-preset="rose-garden"] {
    --primary: lab(48.8192% 78.2312 23.1321);
    --primary-foreground: lab(100% 0 0);
    --secondary: lab(76.9643% 37.3633 4.7612);
    --secondary-foreground: lab(15.1341% .885889 .707406);
    --ring: lab(48.8192% 78.2312 23.1321);
    --chart-1: lab(48.8192% 78.2312 23.1321);
    --chart-2: lab(86.9944% 18.8335 1.61705);
    --chart-3: lab(64.5436% 61.3992 10.851);
    --chart-4: lab(76.9643% 37.3633 4.7612);
    --chart-5: lab(93.0369% 9.48715 1.13533);
    --sidebar-primary: lab(48.8192% 78.2312 23.1321);
    --sidebar-primary-foreground: lab(100% 0 0);
    --sidebar-accent: lab(48.8192% 78.2312 23.1321);
    --sidebar-accent-foreground: lab(100% 0 0);
    --sidebar-ring: lab(48.8192% 78.2312 23.1321);
  }
}

.dark [data-theme-preset="rose-garden"] {
  --primary: #fb2f6c;
  --primary-foreground: #fff;
  --secondary: #ffa3b7;
  --secondary-foreground: #e7e5e4;
  --ring: #fb2f6c;
  --chart-1: #fb2f6c;
  --chart-2: #fecdd8;
  --chart-3: #ff668d;
  --chart-4: #ffa3b7;
  --chart-5: #fee5e9;
  --sidebar-primary: #fb2f6c;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #fb2f6c;
  --sidebar-accent-foreground: #fff;
  --sidebar-ring: #fb2f6c;
}

@supports (color: lab(0% 0 0)) {
  .dark [data-theme-preset="rose-garden"] {
    --primary: lab(56.3957% 76.1717 18.6223);
    --primary-foreground: lab(100% 0 0);
    --secondary: lab(76.9643% 37.3633 4.7612);
    --secondary-foreground: lab(91.0118% .803679 .633419);
    --ring: lab(56.3957% 76.1717 18.6223);
    --chart-1: lab(56.3957% 76.1717 18.6223);
    --chart-2: lab(86.9944% 18.8335 1.61705);
    --chart-3: lab(64.5436% 61.3992 10.851);
    --chart-4: lab(76.9643% 37.3633 4.7612);
    --chart-5: lab(93.0369% 9.48715 1.13533);
    --sidebar-primary: lab(56.3957% 76.1717 18.6223);
    --sidebar-primary-foreground: lab(100% 0 0);
    --sidebar-accent: lab(56.3957% 76.1717 18.6223);
    --sidebar-accent-foreground: lab(100% 0 0);
    --sidebar-ring: lab(56.3957% 76.1717 18.6223);
  }
}

[data-theme-preset="lake-view"] {
  --primary: #00d294;
  --primary-foreground: #000;
  --secondary: #138187;
  --secondary-foreground: #fff;
  --ring: #00d294;
  --chart-1: #00d294;
  --chart-2: #138187;
  --chart-3: #5ee9b5;
  --chart-4: #5de9e5;
  --chart-5: #d0fae5;
  --sidebar-primary: #00d294;
  --sidebar-primary-foreground: #000;
  --sidebar-accent: #00d294;
  --sidebar-accent-foreground: #1e2b25;
  --sidebar-ring: #00d294;
  --radius: .75rem;
}

@supports (color: lab(0% 0 0)) {
  [data-theme-preset="lake-view"] {
    --primary: lab(75.0771% -60.7302 19.4182);
    --primary-foreground: lab(0% 0 0);
    --secondary: lab(48.7764% -27.9951 -11.8343);
    --secondary-foreground: lab(100% 0 0);
    --ring: lab(75.0771% -60.7302 19.4182);
    --chart-1: lab(75.0771% -60.7302 19.4182);
    --chart-2: lab(48.7764% -27.9951 -11.8343);
    --chart-3: lab(83.9203% -48.7129 13.8831);
    --chart-4: lab(84.8067% -39.9927 -9.91164);
    --chart-5: lab(94.9005% -17.0769 5.63871);
    --sidebar-primary: lab(75.0771% -60.7302 19.4182);
    --sidebar-primary-foreground: lab(0% 0 0);
    --sidebar-accent: lab(75.0771% -60.7302 19.4182);
    --sidebar-accent-foreground: lab(16.0856% -6.95938 1.86671);
    --sidebar-ring: lab(75.0771% -60.7302 19.4182);
  }
}

.dark [data-theme-preset="lake-view"] {
  --primary: #00d294;
  --primary-foreground: #000;
  --secondary: #138187;
  --secondary-foreground: #fff;
  --ring: #00d294;
  --chart-1: #00d294;
  --chart-2: #138187;
  --chart-3: #5ee9b5;
  --chart-4: #5de9e5;
  --chart-5: #d0fae5;
  --sidebar-primary: #00d294;
  --sidebar-primary-foreground: #000;
  --sidebar-accent: #00d294;
  --sidebar-accent-foreground: #000;
  --sidebar-ring: #00d294;
}

@supports (color: lab(0% 0 0)) {
  .dark [data-theme-preset="lake-view"] {
    --primary: lab(75.0771% -60.7302 19.4182);
    --primary-foreground: lab(0% 0 0);
    --secondary: lab(48.7764% -27.9951 -11.8343);
    --secondary-foreground: lab(100% 0 0);
    --ring: lab(75.0771% -60.7302 19.4182);
    --chart-1: lab(75.0771% -60.7302 19.4182);
    --chart-2: lab(48.7764% -27.9951 -11.8343);
    --chart-3: lab(83.9203% -48.7129 13.8831);
    --chart-4: lab(84.8067% -39.9927 -9.91164);
    --chart-5: lab(94.9005% -17.0769 5.63871);
    --sidebar-primary: lab(75.0771% -60.7302 19.4182);
    --sidebar-primary-foreground: lab(0% 0 0);
    --sidebar-accent: lab(75.0771% -60.7302 19.4182);
    --sidebar-accent-foreground: lab(0% 0 0);
    --sidebar-ring: lab(75.0771% -60.7302 19.4182);
  }
}

[data-theme-preset="sunset-glow"] {
  --primary: #cb3435;
  --primary-foreground: #fff;
  --secondary: #ffa07a;
  --secondary-foreground: #000;
  --ring: #cb3435;
  --chart-1: #cb3435;
  --chart-2: #ffa07a;
  --chart-3: #f4aaab;
  --chart-4: #ffd0bb;
  --chart-5: #fae4e5;
  --sidebar-primary: #cb3435;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #cb3435;
  --sidebar-accent-foreground: #fff;
  --sidebar-ring: #cb3435;
  --radius: 1rem;
}

@supports (color: lab(0% 0 0)) {
  [data-theme-preset="sunset-glow"] {
    --primary: lab(46.96% 59.4605 37.3049);
    --primary-foreground: lab(100% 0 0);
    --secondary: lab(75.226% 33.4935 35.3181);
    --secondary-foreground: lab(0% 0 0);
    --ring: lab(46.96% 59.4605 37.3049);
    --chart-1: lab(46.96% 59.4605 37.3049);
    --chart-2: lab(75.226% 33.4935 35.3181);
    --chart-3: lab(76.9264% 28.1286 10.8554);
    --chart-4: lab(87.5445% 18.4015 19.9577);
    --chart-5: lab(92.5654% 7.78875 2.72186);
    --sidebar-primary: lab(46.96% 59.4605 37.3049);
    --sidebar-primary-foreground: lab(100% 0 0);
    --sidebar-accent: lab(46.96% 59.4605 37.3049);
    --sidebar-accent-foreground: lab(100% 0 0);
    --sidebar-ring: lab(46.96% 59.4605 37.3049);
  }
}

.dark [data-theme-preset="sunset-glow"] {
  --primary: #e55354;
  --primary-foreground: #fff;
  --secondary: #ffa07a;
  --secondary-foreground: #000;
  --ring: #e55354;
  --chart-1: #e55354;
  --chart-2: #ffa07a;
  --chart-3: #f4aaab;
  --chart-4: #ffd0bb;
  --chart-5: #fae4e5;
  --sidebar-primary: #e55354;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #e55354;
  --sidebar-accent-foreground: #fff;
  --sidebar-ring: #e55354;
}

@supports (color: lab(0% 0 0)) {
  .dark [data-theme-preset="sunset-glow"] {
    --primary: lab(56.242% 57.7293 31.9482);
    --primary-foreground: lab(100% 0 0);
    --secondary: lab(75.226% 33.4935 35.3181);
    --secondary-foreground: lab(0% 0 0);
    --ring: lab(56.242% 57.7293 31.9482);
    --chart-1: lab(56.242% 57.7293 31.9482);
    --chart-2: lab(75.226% 33.4935 35.3181);
    --chart-3: lab(76.9264% 28.1286 10.8554);
    --chart-4: lab(87.5445% 18.4015 19.9577);
    --chart-5: lab(92.5654% 7.78875 2.72186);
    --sidebar-primary: lab(56.242% 57.7293 31.9482);
    --sidebar-primary-foreground: lab(100% 0 0);
    --sidebar-accent: lab(56.242% 57.7293 31.9482);
    --sidebar-accent-foreground: lab(100% 0 0);
    --sidebar-ring: lab(56.242% 57.7293 31.9482);
  }
}

[data-theme-preset="forest-whisper"] {
  --primary: #007d70;
  --primary-foreground: #fff;
  --secondary: #546c86;
  --secondary-foreground: #fff;
  --ring: #007d70;
  --chart-1: #007d70;
  --chart-2: #546c86;
  --chart-3: #00d3b6;
  --chart-4: #92abc0;
  --chart-5: #c9fcee;
  --sidebar-primary: #007d70;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #007d70;
  --sidebar-accent-foreground: #fff;
  --sidebar-ring: #007d70;
  --radius: .5rem;
}

@supports (color: lab(0% 0 0)) {
  [data-theme-preset="forest-whisper"] {
    --primary: lab(46.5232% -37.6596 -1.81839);
    --primary-foreground: lab(100% 0 0);
    --secondary: lab(44.6245% -4.14023 -17.5022);
    --secondary-foreground: lab(100% 0 0);
    --ring: lab(46.5232% -37.6596 -1.81839);
    --chart-1: lab(46.5232% -37.6596 -1.81839);
    --chart-2: lab(44.6245% -4.14023 -17.5022);
    --chart-3: lab(75.9244% -59.4932 1.61623);
    --chart-4: lab(68.6011% -5.21663 -14.0433);
    --chart-5: lab(95.0274% -18.7131 .833678);
    --sidebar-primary: lab(46.5232% -37.6596 -1.81839);
    --sidebar-primary-foreground: lab(100% 0 0);
    --sidebar-accent: lab(46.5232% -37.6596 -1.81839);
    --sidebar-accent-foreground: lab(100% 0 0);
    --sidebar-ring: lab(46.5232% -37.6596 -1.81839);
  }
}

.dark [data-theme-preset="forest-whisper"] {
  --primary: #009683;
  --primary-foreground: #fff;
  --secondary: #7a95ae;
  --secondary-foreground: #fff;
  --ring: #009683;
  --chart-1: #009683;
  --chart-2: #7a95ae;
  --chart-3: #00d3b6;
  --chart-4: #92abc0;
  --chart-5: #c9fcee;
  --sidebar-primary: #009683;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #009683;
  --sidebar-accent-foreground: #fff;
  --sidebar-ring: #009683;
}

@supports (color: lab(0% 0 0)) {
  .dark [data-theme-preset="forest-whisper"] {
    --primary: lab(55.1442% -46.6806 -.654709);
    --primary-foreground: lab(100% 0 0);
    --secondary: lab(60.249% -5.10913 -16.6135);
    --secondary-foreground: lab(100% 0 0);
    --ring: lab(55.1442% -46.6806 -.654709);
    --chart-1: lab(55.1442% -46.6806 -.654709);
    --chart-2: lab(60.249% -5.10913 -16.6135);
    --chart-3: lab(75.9244% -59.4932 1.61623);
    --chart-4: lab(68.6011% -5.21663 -14.0433);
    --chart-5: lab(95.0274% -18.7131 .833678);
    --sidebar-primary: lab(55.1442% -46.6806 -.654709);
    --sidebar-primary-foreground: lab(100% 0 0);
    --sidebar-accent: lab(55.1442% -46.6806 -.654709);
    --sidebar-accent-foreground: lab(100% 0 0);
    --sidebar-ring: lab(55.1442% -46.6806 -.654709);
  }
}

[data-theme-preset="ocean-breeze"] {
  --primary: #2563eb;
  --primary-foreground: #fff;
  --secondary: #6366f1;
  --secondary-foreground: #fff;
  --ring: #2563eb;
  --chart-1: #2563eb;
  --chart-2: #6366f1;
  --chart-3: #95c5fb;
  --chart-4: #a6b4fa;
  --chart-5: #ddeafc;
  --sidebar-primary: #2563eb;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #2563eb;
  --sidebar-accent-foreground: #fff;
  --sidebar-ring: #2563eb;
  --radius: .3rem;
}

@supports (color: lab(0% 0 0)) {
  [data-theme-preset="ocean-breeze"] {
    --primary: lab(44.7848% 21.0478 -75.596);
    --primary-foreground: lab(100% 0 0);
    --secondary: lab(49.0469% 30.359 -71.8888);
    --secondary-foreground: lab(100% 0 0);
    --ring: lab(44.7848% 21.0478 -75.596);
    --chart-1: lab(44.7848% 21.0478 -75.596);
    --chart-2: lab(49.0469% 30.359 -71.8888);
    --chart-3: lab(77.5716% -6.16071 -32.1053);
    --chart-4: lab(74.1885% 6.92803 -36.5766);
    --chart-5: lab(92.042% -2.01038 -10.2428);
    --sidebar-primary: lab(44.7848% 21.0478 -75.596);
    --sidebar-primary-foreground: lab(100% 0 0);
    --sidebar-accent: lab(44.7848% 21.0478 -75.596);
    --sidebar-accent-foreground: lab(100% 0 0);
    --sidebar-ring: lab(44.7848% 21.0478 -75.596);
  }
}

.dark [data-theme-preset="ocean-breeze"] {
  --primary: #3b82f6;
  --primary-foreground: #fff;
  --secondary: #6366f1;
  --secondary-foreground: #000;
  --ring: #3b82f6;
  --chart-1: #3b82f6;
  --chart-2: #6366f1;
  --chart-3: #95c5fb;
  --chart-4: #a6b4fa;
  --chart-5: #ddeafc;
  --sidebar-primary: #3b82f6;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #3b82f6;
  --sidebar-accent-foreground: #fff;
  --sidebar-ring: #3b82f6;
}

@supports (color: lab(0% 0 0)) {
  .dark [data-theme-preset="ocean-breeze"] {
    --primary: lab(54.6096% 8.7584 -65.7845);
    --primary-foreground: lab(100% 0 0);
    --secondary: lab(49.0469% 30.359 -71.8888);
    --secondary-foreground: lab(0% 0 0);
    --ring: lab(54.6096% 8.7584 -65.7845);
    --chart-1: lab(54.6096% 8.7584 -65.7845);
    --chart-2: lab(49.0469% 30.359 -71.8888);
    --chart-3: lab(77.5716% -6.16071 -32.1053);
    --chart-4: lab(74.1885% 6.92803 -36.5766);
    --chart-5: lab(92.042% -2.01038 -10.2428);
    --sidebar-primary: lab(54.6096% 8.7584 -65.7845);
    --sidebar-primary-foreground: lab(100% 0 0);
    --sidebar-accent: lab(54.6096% 8.7584 -65.7845);
    --sidebar-accent-foreground: lab(100% 0 0);
    --sidebar-ring: lab(54.6096% 8.7584 -65.7845);
  }
}

[data-theme-preset="lavender-dream"] {
  --primary: #9453c9;
  --primary-foreground: #fff;
  --secondary: #94cdd1;
  --secondary-foreground: #000;
  --ring: #9453c9;
  --chart-1: #9453c9;
  --chart-2: #94cdd1;
  --chart-3: #d6b9ed;
  --chart-4: #abdcdd;
  --chart-5: #f2eaf9;
  --sidebar-primary: #9453c9;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #9453c9;
  --sidebar-accent-foreground: #fff;
  --sidebar-ring: #9453c9;
  --radius: 1rem;
}

@supports (color: lab(0% 0 0)) {
  [data-theme-preset="lavender-dream"] {
    --primary: lab(47.3419% 43.8297 -51.7008);
    --primary-foreground: lab(100% 0 0);
    --secondary: lab(78.6442% -18.3988 -8.11754);
    --secondary-foreground: lab(0% 0 0);
    --ring: lab(47.3419% 43.8297 -51.7008);
    --chart-1: lab(47.3419% 43.8297 -51.7008);
    --chart-2: lab(78.6442% -18.3988 -8.11754);
    --chart-3: lab(79.0361% 17.7837 -22.1109);
    --chart-4: lab(84.4022% -16.1362 -6.01014);
    --chart-5: lab(93.5904% 4.69637 -6.11488);
    --sidebar-primary: lab(47.3419% 43.8297 -51.7008);
    --sidebar-primary-foreground: lab(100% 0 0);
    --sidebar-accent: lab(47.3419% 43.8297 -51.7008);
    --sidebar-accent-foreground: lab(100% 0 0);
    --sidebar-ring: lab(47.3419% 43.8297 -51.7008);
  }
}

.dark [data-theme-preset="lavender-dream"] {
  --primary: #a76ad9;
  --primary-foreground: #fff;
  --secondary: #94cdd1;
  --secondary-foreground: #000;
  --ring: #a76ad9;
  --chart-1: #a76ad9;
  --chart-2: #94cdd1;
  --chart-3: #d6b9ed;
  --chart-4: #abdcdd;
  --chart-5: #f2eaf9;
  --sidebar-primary: #a76ad9;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #a76ad9;
  --sidebar-accent-foreground: #fff;
  --sidebar-ring: #a76ad9;
}

@supports (color: lab(0% 0 0)) {
  .dark [data-theme-preset="lavender-dream"] {
    --primary: lab(55.1776% 40.7122 -48.1086);
    --primary-foreground: lab(100% 0 0);
    --secondary: lab(78.6442% -18.3988 -8.11754);
    --secondary-foreground: lab(0% 0 0);
    --ring: lab(55.1776% 40.7122 -48.1086);
    --chart-1: lab(55.1776% 40.7122 -48.1086);
    --chart-2: lab(78.6442% -18.3988 -8.11754);
    --chart-3: lab(79.0361% 17.7837 -22.1109);
    --chart-4: lab(84.4022% -16.1362 -6.01014);
    --chart-5: lab(93.5904% 4.69637 -6.11488);
    --sidebar-primary: lab(55.1776% 40.7122 -48.1086);
    --sidebar-primary-foreground: lab(100% 0 0);
    --sidebar-accent: lab(55.1776% 40.7122 -48.1086);
    --sidebar-accent-foreground: lab(100% 0 0);
    --sidebar-ring: lab(55.1776% 40.7122 -48.1086);
  }
}

[data-theme-preset="simple-large"] {
  --background: #fcfcfc;
  --foreground: #0b0b0b;
  --card: #fff;
  --card-foreground: #0b0b0b;
  --popover: #fff;
  --popover-foreground: #0b0b0b;
  --primary: #1b1b1b;
  --primary-foreground: #fff;
  --secondary: #e8e8e8;
  --secondary-foreground: #0b0b0b;
  --muted: #eee;
  --muted-foreground: #3d3d3d;
  --accent: #e1e1e1;
  --accent-foreground: #0b0b0b;
  --destructive: #cc2823;
  --destructive-foreground: #fff;
  --success: #1e6626;
  --success-foreground: #fff;
  --warning: #d79628;
  --warning-foreground: #0b0b0b;
  --info: #0c60a3;
  --info-foreground: #fff;
  --neutral: #3d3d3d;
  --neutral-foreground: #fff;
  --border: #c4c4c4;
  --input: #c4c4c4;
  --ring: #1b1b1b;
  --chart-1: #1b1b1b;
  --chart-2: #1e6626;
  --chart-3: #0c60a3;
  --chart-4: #d79628;
  --chart-5: #cc2823;
  --sidebar: #f2f2f2;
  --sidebar-foreground: #0b0b0b;
  --sidebar-primary: #1b1b1b;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #dedede;
  --sidebar-accent-foreground: #0b0b0b;
  --sidebar-border: #c4c4c4;
  --sidebar-ring: #1b1b1b;
  --skeleton-base: #dedede;
  --skeleton-highlight: #f5f5f5;
  --radius: .5rem;
  --text-xs: .9rem;
  --text-sm: 1rem;
  --text-base: 1.125rem;
  --text-lg: 1.25rem;
  --text-xl: 1.45rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.15rem;
  --spacing: .3rem;
}

@supports (color: lab(0% 0 0)) {
  [data-theme-preset="simple-large"] {
    --background: lab(98.84% .0000298023 -.0000119209);
    --foreground: lab(3.04863% 0 0);
    --card: lab(100% 0 0);
    --card-foreground: lab(3.04863% 0 0);
    --popover: lab(100% 0 0);
    --popover-foreground: lab(3.04863% 0 0);
    --primary: lab(9.52% -.00000745058 0);
    --primary-foreground: lab(100% 0 0);
    --secondary: lab(91.88% .0000298023 -.0000119209);
    --secondary-foreground: lab(3.04863% 0 0);
    --muted: lab(94.2% 0 0);
    --muted-foreground: lab(25.76% -.0000149012 0);
    --accent: lab(89.56% -.0000298023 0);
    --accent-foreground: lab(3.04863% 0 0);
    --destructive: lab(45.8258% 62.7172 46.1585);
    --destructive-foreground: lab(100% 0 0);
    --success: lab(37.6297% -33.7386 28.5922);
    --success-foreground: lab(100% 0 0);
    --warning: lab(67.3872% 18.7132 63.1076);
    --warning-foreground: lab(3.04863% 0 0);
    --info: lab(38.992% -2.90385 -43.5808);
    --info-foreground: lab(100% 0 0);
    --neutral: lab(25.76% -.0000149012 0);
    --neutral-foreground: lab(100% 0 0);
    --border: lab(79.12% -.0000298023 -.0000119209);
    --input: lab(79.12% -.0000298023 -.0000119209);
    --ring: lab(9.52% -.00000745058 0);
    --chart-1: lab(9.52% -.00000745058 0);
    --chart-2: lab(37.6297% -33.7386 28.5922);
    --chart-3: lab(38.992% -2.90385 -43.5808);
    --chart-4: lab(67.3872% 18.7132 63.1076);
    --chart-5: lab(45.8258% 62.7172 46.1585);
    --sidebar: lab(95.36% 0 0);
    --sidebar-foreground: lab(3.04863% 0 0);
    --sidebar-primary: lab(9.52% -.00000745058 0);
    --sidebar-primary-foreground: lab(100% 0 0);
    --sidebar-accent: lab(88.4% 0 .0000119209);
    --sidebar-accent-foreground: lab(3.04863% 0 0);
    --sidebar-border: lab(79.12% -.0000298023 -.0000119209);
    --sidebar-ring: lab(9.52% -.00000745058 0);
    --skeleton-base: lab(88.4% 0 .0000119209);
    --skeleton-highlight: lab(96.52% -.0000298023 .0000119209);
  }
}

.dark [data-theme-preset="simple-large"] {
  --background: #060606;
  --foreground: #f8f8f8;
  --card: #121212;
  --card-foreground: #f8f8f8;
  --popover: #161616;
  --popover-foreground: #f8f8f8;
  --primary: #ebebeb;
  --primary-foreground: #060606;
  --secondary: #1f1f1f;
  --secondary-foreground: #f8f8f8;
  --muted: #1f1f1f;
  --muted-foreground: #c4c4c4;
  --accent: #2e2e2e;
  --accent-foreground: #f8f8f8;
  --destructive: #f75d59;
  --destructive-foreground: #f8f8f8;
  --success: #6dba70;
  --success-foreground: #060606;
  --warning: #f5b75b;
  --warning-foreground: #060606;
  --info: #67aaed;
  --info-foreground: #060606;
  --neutral: #c4c4c4;
  --neutral-foreground: #060606;
  --border: #ffffff2e;
  --input: #ffffff3d;
  --ring: #ebebeb;
  --chart-1: #ebebeb;
  --chart-2: #6dba70;
  --chart-3: #67aaed;
  --chart-4: #f5b75b;
  --chart-5: #f75d59;
  --sidebar: #0d0d0d;
  --sidebar-foreground: #f8f8f8;
  --sidebar-primary: #ebebeb;
  --sidebar-primary-foreground: #060606;
  --sidebar-accent: #292929;
  --sidebar-accent-foreground: #f8f8f8;
  --sidebar-border: #ffffff2e;
  --sidebar-ring: #ebebeb;
  --skeleton-base: #1f1f1f;
  --skeleton-highlight: #383838;
}

@supports (color: lab(0% 0 0)) {
  .dark [data-theme-preset="simple-large"] {
    --background: lab(1.5609% 0 0);
    --foreground: lab(97.68% -.0000298023 .0000119209);
    --card: lab(5.26802% 0 0);
    --card-foreground: lab(97.68% -.0000298023 .0000119209);
    --popover: lab(7.22637% -.0000149012 0);
    --popover-foreground: lab(97.68% -.0000298023 .0000119209);
    --primary: lab(93.04% .0000298023 -.0000119209);
    --primary-foreground: lab(1.5609% 0 0);
    --secondary: lab(11.84% 0 0);
    --secondary-foreground: lab(97.68% -.0000298023 .0000119209);
    --muted: lab(11.84% 0 0);
    --muted-foreground: lab(79.12% -.0000298023 -.0000119209);
    --accent: lab(18.8% 0 0);
    --accent-foreground: lab(97.68% -.0000298023 .0000119209);
    --destructive: lab(60.9896% 59.8331 35.3706);
    --destructive-foreground: lab(97.68% -.0000298023 .0000119209);
    --success: lab(69.124% -36.4091 29.6359);
    --success-foreground: lab(1.5609% 0 0);
    --warning: lab(79.0591% 16.321 54.7999);
    --warning-foreground: lab(1.5609% 0 0);
    --info: lab(67.1145% -7.16534 -40.8577);
    --info-foreground: lab(1.5609% 0 0);
    --neutral: lab(79.12% -.0000298023 -.0000119209);
    --neutral-foreground: lab(1.5609% 0 0);
    --border: lab(100% 0 0 / .18);
    --input: lab(100% 0 0 / .24);
    --ring: lab(93.04% .0000298023 -.0000119209);
    --chart-1: lab(93.04% .0000298023 -.0000119209);
    --chart-2: lab(69.124% -36.4091 29.6359);
    --chart-3: lab(67.1145% -7.16534 -40.8577);
    --chart-4: lab(79.0591% 16.321 54.7999);
    --chart-5: lab(60.9896% 59.8331 35.3706);
    --sidebar: lab(3.6999% 0 0);
    --sidebar-foreground: lab(97.68% -.0000298023 .0000119209);
    --sidebar-primary: lab(93.04% .0000298023 -.0000119209);
    --sidebar-primary-foreground: lab(1.5609% 0 0);
    --sidebar-accent: lab(16.48% 0 0);
    --sidebar-accent-foreground: lab(97.68% -.0000298023 .0000119209);
    --sidebar-border: lab(100% 0 0 / .18);
    --sidebar-ring: lab(93.04% .0000298023 -.0000119209);
    --skeleton-base: lab(11.84% 0 0);
    --skeleton-highlight: lab(23.44% -.0000149012 0);
  }
}

[data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --card: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --card: color-mix(in oklch, var(--primary) 3%, var(--background));
  }
}

[data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --popover: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --popover: color-mix(in oklch, var(--primary) 5%, var(--background));
  }
}

[data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --muted: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --muted: color-mix(in oklch, var(--primary) 7%, var(--background));
  }
}

[data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --muted-foreground: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --muted-foreground: color-mix(in oklch,
    var(--foreground) 68%,
    var(--primary));
  }
}

[data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --accent: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --accent: color-mix(in oklch, var(--primary) 14%, var(--background));
  }
}

[data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --accent-foreground: var(--foreground);
  --border: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --border: color-mix(in oklch, var(--primary) 20%, var(--background));
  }
}

[data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --input: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --input: color-mix(in oklch, var(--primary) 22%, var(--background));
  }
}

[data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --sidebar: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --sidebar: color-mix(in oklch, var(--primary) 4%, var(--background));
  }
}

[data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --sidebar-accent: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --sidebar-accent: color-mix(in oklch, var(--primary) 14%, var(--background));
  }
}

[data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --sidebar-accent-foreground: var(--foreground);
  --sidebar-border: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --sidebar-border: color-mix(in oklch, var(--primary) 18%, var(--background));
  }
}

[data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --success: var(--chart-2);
  --warning: var(--chart-4);
  --info: var(--chart-1);
  --neutral: var(--muted-foreground);
}

.dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --card: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --card: color-mix(in oklch, var(--primary) 8%, var(--background));
  }
}

.dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --popover: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --popover: color-mix(in oklch, var(--primary) 12%, var(--background));
  }
}

.dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --muted: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --muted: color-mix(in oklch, var(--primary) 12%, var(--background));
  }
}

.dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --muted-foreground: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --muted-foreground: color-mix(in oklch,
    var(--foreground) 74%,
    var(--primary));
  }
}

.dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --accent: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --accent: color-mix(in oklch, var(--primary) 18%, var(--background));
  }
}

.dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --border: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --border: color-mix(in oklch, var(--primary) 24%, var(--background));
  }
}

.dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --input: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --input: color-mix(in oklch, var(--primary) 28%, var(--background));
  }
}

.dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --sidebar: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --sidebar: color-mix(in oklch, var(--primary) 5%, var(--background));
  }
}

.dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --sidebar-accent: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --sidebar-accent: color-mix(in oklch, var(--primary) 18%, var(--background));
  }
}

.dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
  --sidebar-border: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .dark [data-theme-preset]:not([data-theme-preset="default"]):not([data-theme-preset="anthropic"]):not([data-theme-preset="simple-large"]) {
    --sidebar-border: color-mix(in oklch, var(--primary) 22%, var(--background));
  }
}

[data-theme-preset="anthropic"] {
  --background: #fafaf7;
  --foreground: #191715;
  --card: #efede7;
  --card-foreground: #191715;
  --popover: #f6f5f1;
  --popover-foreground: #191715;
  --primary: #e37756;
  --primary-foreground: #fdfcf8;
  --secondary: #e8e6e0;
  --secondary-foreground: #252220;
  --muted: #edebe6;
  --muted-foreground: #686662;
  --accent: #e7e4de;
  --accent-foreground: #191715;
  --destructive: #c53732;
  --destructive-foreground: #fafafa;
  --success: #6d8752;
  --success-foreground: #fafafa;
  --warning: #eca851;
  --warning-foreground: #191715;
  --info: #709ac2;
  --info-foreground: #fafafa;
  --neutral: #686662;
  --neutral-foreground: #191715;
  --border: #dedcd6;
  --input: #dedcd6;
  --ring: #e37756;
  --chart-1: #e37756;
  --chart-2: #6d8752;
  --chart-3: #709ac2;
  --chart-4: #d87f9b;
  --chart-5: #b6cdc6;
  --sidebar: #f2f0ea;
  --sidebar-foreground: #252220;
  --sidebar-primary: #e37756;
  --sidebar-primary-foreground: #fdfcf8;
  --sidebar-accent: #e5e3dc;
  --sidebar-accent-foreground: #191715;
  --sidebar-border: #dedcd6;
  --sidebar-ring: #e37756;
  --skeleton-base: #eae8e2;
  --skeleton-highlight: #f3f2ed;
  --radius: .625rem;
  --font-body: var(--font-serif);
}

@supports (color: lab(0% 0 0)) {
  [data-theme-preset="anthropic"] {
    --background: lab(98.1692% -.128895 1.51823);
    --foreground: lab(7.7722% .850074 1.57737);
    --card: lab(93.6647% -.106186 3.05419);
    --card-foreground: lab(7.7722% .850074 1.57737);
    --popover: lab(96.5538% -.0835061 2.28808);
    --popover-foreground: lab(7.7722% .850074 1.57737);
    --primary: lab(62.3396% 40.6258 37.9792);
    --primary-foreground: lab(98.8714% -.1598 1.89867);
    --secondary: lab(91.3447% -.105798 3.05448);
    --secondary-foreground: lab(13.5703% .853643 1.67153);
    --muted: lab(93.0792% -.0949502 2.67109);
    --muted-foreground: lab(43.1701% .523776 2.22353);
    --accent: lab(90.7701% -.116169 3.43819);
    --accent-foreground: lab(7.7722% .850074 1.57737);
    --destructive: lab(46.0249% 56.4689 37.9874);
    --destructive-foreground: lab(98.26% 0 0);
    --success: lab(53.3251% -17.0911 25.2754);
    --success-foreground: lab(98.26% 0 0);
    --warning: lab(74.2674% 20.0168 53.8013);
    --warning-foreground: lab(7.7722% .850074 1.57737);
    --info: lab(61.5759% -6.72337 -25.5237);
    --info-foreground: lab(98.26% 0 0);
    --neutral: lab(43.1701% .523776 2.22353);
    --neutral-foreground: lab(7.7722% .850074 1.57737);
    --border: lab(87.8646% -.105113 3.05491);
    --input: lab(87.8646% -.105113 3.05491);
    --ring: lab(62.3396% 40.6258 37.9792);
    --chart-1: lab(62.3396% 40.6258 37.9792);
    --chart-2: lab(53.3251% -17.0911 25.2754);
    --chart-3: lab(61.5759% -6.72337 -25.5237);
    --chart-4: lab(63.7541% 37.9543 .456679);
    --chart-5: lab(80.6301% -9.1728 .810266);
    --sidebar: lab(94.8247% -.106394 3.05406);
    --sidebar-foreground: lab(13.5703% .853643 1.67153);
    --sidebar-primary: lab(62.3396% 40.6258 37.9792);
    --sidebar-primary-foreground: lab(98.8714% -.1598 1.89867);
    --sidebar-accent: lab(90.1901% -.11602 3.43829);
    --sidebar-accent-foreground: lab(7.7722% .850074 1.57737);
    --sidebar-border: lab(87.8646% -.105113 3.05491);
    --sidebar-ring: lab(62.3396% 40.6258 37.9792);
    --skeleton-base: lab(91.9247% -.105888 3.05438);
    --skeleton-highlight: lab(95.3937% -.0834167 2.28815);
  }
}

.dark [data-theme-preset="anthropic"] {
  --background: #191715;
  --foreground: #f4f3f0;
  --card: #22201f;
  --card-foreground: #f4f3f0;
  --popover: #272523;
  --popover-foreground: #f4f3f0;
  --primary: #eb8561;
  --primary-foreground: #13110f;
  --secondary: #2e2c2b;
  --secondary-foreground: #eeede9;
  --muted: #292726;
  --muted-foreground: #b3b1ad;
  --accent: #353230;
  --accent-foreground: #fbfaf6;
  --destructive: #ff6367;
  --destructive-foreground: #fafafa;
  --success: #82ad6a;
  --success-foreground: #13110f;
  --warning: #eca851;
  --warning-foreground: #13110f;
  --info: #79aad8;
  --info-foreground: #13110f;
  --neutral: #b3b1ad;
  --neutral-foreground: #13110f;
  --border: #ffffff1a;
  --input: #ffffff29;
  --ring: #eb8561;
  --chart-1: #eb8561;
  --chart-2: #82ad6a;
  --chart-3: #79aad8;
  --chart-4: #fb93b4;
  --chart-5: #b6cdc6;
  --sidebar: #12100f;
  --sidebar-foreground: #efeeeb;
  --sidebar-primary: #eb8561;
  --sidebar-primary-foreground: #13110f;
  --sidebar-accent: #33302d;
  --sidebar-accent-foreground: #fbfaf6;
  --sidebar-border: #ffffff1a;
  --sidebar-ring: #eb8561;
  --skeleton-base: #2e2c2b;
  --skeleton-highlight: #494745;
}

@supports (color: lab(0% 0 0)) {
  .dark [data-theme-preset="anthropic"] {
    --background: lab(7.7744% .674397 1.26958);
    --foreground: lab(95.9682% -.0710189 1.90581);
    --card: lab(12.4124% .679709 1.33506);
    --card-foreground: lab(95.9682% -.0710189 1.90581);
    --popover: lab(14.7325% .67851 1.33425);
    --popover-foreground: lab(95.9682% -.0710189 1.90581);
    --primary: lab(66.5135% 37.647 37.2004);
    --primary-foreground: lab(5.2603% .659198 1.21096);
    --secondary: lab(18.2125% .677019 1.33325);
    --secondary-foreground: lab(93.6482% -.0708699 1.90591);
    --muted: lab(15.8925% .677973 1.3339);
    --muted-foreground: lab(72.1704% .51707 2.21916);
    --accent: lab(21.1084% 1.0231 2.00501);
    --accent-foreground: lab(98.2882% -.0711679 1.90569);
    --destructive: lab(63.2467% 60.4719 30.8398);
    --destructive-foreground: lab(98.26% 0 0);
    --success: lab(66.3963% -24.5397 29.779);
    --success-foreground: lab(5.2603% .659198 1.21096);
    --warning: lab(74.2674% 20.0168 53.8013);
    --warning-foreground: lab(5.2603% .659198 1.21096);
    --info: lab(67.3482% -7.45234 -28.8814);
    --info-foreground: lab(5.2603% .659198 1.21096);
    --neutral: lab(72.1704% .51707 2.21916);
    --neutral-foreground: lab(5.2603% .659198 1.21096);
    --border: lab(100% 0 0 / .1);
    --input: lab(100% 0 0 / .16);
    --ring: lab(66.5135% 37.647 37.2004);
    --chart-1: lab(66.5135% 37.647 37.2004);
    --chart-2: lab(66.3963% -24.5397 29.779);
    --chart-3: lab(67.3482% -7.45234 -28.8814);
    --chart-4: lab(72.8454% 42.8909 .517631);
    --chart-5: lab(80.6301% -9.1728 .810266);
    --sidebar: lab(4.83544% .494301 .921336);
    --sidebar-foreground: lab(94.2282% -.0708997 1.90587);
    --sidebar-primary: lab(66.5135% 37.647 37.2004);
    --sidebar-primary-foreground: lab(5.2603% .659198 1.21096);
    --sidebar-accent: lab(19.9484% 1.02398 2.00561);
    --sidebar-accent-foreground: lab(98.2882% -.0711679 1.90569);
    --sidebar-border: lab(100% 0 0 / .1);
    --sidebar-ring: lab(66.5135% 37.647 37.2004);
    --skeleton-base: lab(18.2125% .677019 1.33325);
    --skeleton-highlight: lab(30.3927% .673503 1.33098);
  }
}

[data-theme-font="sans"] {
  --font-body: var(--font-sans);
}

[data-theme-font="serif"] {
  --font-body: var(--font-serif);
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "tnum" 1;
}

[data-theme-font="serif"] :is(h1, h2, h3, h4, h5, h6), [data-theme-font="serif"] [data-slot="sheet-title"], [data-theme-font="serif"] [data-slot="dialog-title"], [data-theme-font="serif"] [data-slot="alert-dialog-title"], [data-theme-font="serif"] [data-slot="drawer-title"], [data-theme-font="serif"] [data-slot="card-title"] {
  letter-spacing: -.012em;
  font-weight: 500;
}

[data-theme-font="serif"] h1, [data-theme-font="serif"] .text-3xl, [data-theme-font="serif"] .text-4xl, [data-theme-font="serif"] .text-5xl {
  letter-spacing: -.02em;
}

[data-theme-radius="none"] {
  --radius: 0rem;
}

[data-theme-radius="sm"] {
  --radius: .3rem;
}

[data-theme-radius="md"] {
  --radius: .5rem;
}

[data-theme-radius="lg"] {
  --radius: .75rem;
}

[data-theme-radius="xl"] {
  --radius: 1rem;
}

[data-theme-scale="sm"] {
  --text-xs: .7rem;
  --text-sm: .78rem;
  --text-base: .88rem;
  --text-lg: 1rem;
  --text-xl: 1.13rem;
  --text-2xl: 1.38rem;
  --text-3xl: 1.7rem;
  --spacing: .225rem;
}

[data-theme-scale="lg"] {
  --text-xs: .84rem;
  --text-sm: .95rem;
  --text-base: 1.075rem;
  --text-lg: 1.2rem;
  --text-xl: 1.35rem;
  --text-2xl: 1.65rem;
  --text-3xl: 2rem;
  --spacing: .28rem;
}

[data-theme-scale="xl"] {
  --text-xs: .9rem;
  --text-sm: 1rem;
  --text-base: 1.125rem;
  --text-lg: 1.25rem;
  --text-xl: 1.45rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.15rem;
  --spacing: .3rem;
}

@media (min-width: 1280px) {
  [data-theme-content-layout="centered"] [data-slot="sidebar-inset"] > * {
    max-width: var(--max-content-width, 1280px);
    width: 100%;
    margin-inline: auto;
  }
}

:is(.cheapai-console[data-slot="sidebar-wrapper"], body:has(.cheapai-console[data-slot="sidebar-wrapper"])) {
  --console-font-sans: var(--font-ui);
  --console-font-display: var(--font-brand);
  --console-font-mono: var(--font-mono);
  --console-control-radius: calc(var(--radius) * .8);
  --console-panel-radius: calc(var(--radius) * 1.4);
  --console-shadow-low: 0 1px 2px #1818180d, 0 8px 24px -20px #18181847;
  --console-shadow-raised: 0 1px 2px #18181812, 0 14px 34px -24px #1818185c;
  font-family: var(--console-font-sans);
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-size: .875rem;
  line-height: 1.5;
}

.cheapai-console[data-slot="sidebar-wrapper"] {
  --app-header-height: 3.25rem;
  --console-hairline: #18181824;
  --console-hairline-strong: #18181838;
  --console-surface-subtle: var(--muted);
  --console-control-radius: calc(var(--radius) * .8);
  --console-panel-radius: calc(var(--radius) * 1.4);
  --console-page-gutter: clamp(1.25rem, .65rem + 2.2vw, 3.5rem);
  --console-page-heading-gap: clamp(1.25rem, .9rem + .65vw, 1.75rem);
  --console-page-content-block: clamp(1.75rem, .85rem + 1.8vw, 3.5rem);
  --console-section-gap: clamp(2rem, 1.15rem + 1.5vw, 3.5rem);
  --console-panel-gap: clamp(1rem, .65rem + .7vw, 1.75rem);
  --console-group-gap: clamp(.875rem, .55rem + .55vw, 1.375rem);
  --console-panel-padding: clamp(1.125rem, .75rem + .7vw, 1.75rem);
  --console-feature-padding: clamp(1.5rem, .8rem + 1.25vw, 2.5rem);
  --token-composition-uncached: #3567f4;
  --token-composition-cache-read: #00a86b;
  --token-composition-cache-write: #f07818;
  --token-composition-output: #a744ed;
  isolation: isolate;
  background: var(--background);
}

:is(.cheapai-console[data-slot="sidebar-wrapper"], body:has(.cheapai-console[data-slot="sidebar-wrapper"])) {
  --console-tabs-list-padding: .25rem;
  --console-tabs-item-gap: .25rem;
  --console-tabs-trigger-padding-block: .375rem;
  --console-tabs-trigger-padding-inline: .75rem;
  --console-tabs-compact-list-padding: .125rem;
  --console-tabs-compact-item-gap: .125rem;
  --console-tabs-compact-trigger-padding-block: .25rem;
  --console-tabs-compact-trigger-padding-inline: .5rem;
}

.dark .cheapai-console[data-slot="sidebar-wrapper"] {
  --console-hairline: #ffffff24;
  --console-hairline-strong: #ffffff38;
  --console-surface-subtle: var(--muted);
  --token-composition-uncached: #6f92ff;
  --token-composition-cache-read: #35d999;
  --token-composition-cache-write: #ff9b42;
  --token-composition-output: #d477ff;
}

@supports (color: color-mix(in srgb, black, white)) {
  :is(.cheapai-console[data-slot="sidebar-wrapper"], body:has(.cheapai-console[data-slot="sidebar-wrapper"])) {
    --console-hairline: color-mix(in srgb, var(--foreground) 14%, transparent);
    --console-hairline-strong: color-mix(in srgb,
      var(--foreground) 22%,
      transparent);
    --console-surface-subtle: color-mix(in srgb,
      var(--foreground) var(--surface-subtle-mix, 3%),
      var(--muted));
  }
}

:is(body:not([data-theme-preset]):has(.cheapai-console[data-slot="sidebar-wrapper"]), body[data-theme-preset="default"]:has(.cheapai-console[data-slot="sidebar-wrapper"]), body:not([data-theme-preset]) .cheapai-console[data-slot="sidebar-wrapper"], body[data-theme-preset="default"] .cheapai-console[data-slot="sidebar-wrapper"]) {
  --background: #f6f9f8;
  --foreground: #152824;
  --card: #fff;
  --card-foreground: #152824;
  --popover: #fff;
  --popover-foreground: #152824;
  --primary: #076c59;
  --primary-foreground: #fff;
  --muted: #edf3f0;
  --secondary: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(body:not([data-theme-preset]):has(.cheapai-console[data-slot="sidebar-wrapper"]), body[data-theme-preset="default"]:has(.cheapai-console[data-slot="sidebar-wrapper"]), body:not([data-theme-preset]) .cheapai-console[data-slot="sidebar-wrapper"], body[data-theme-preset="default"] .cheapai-console[data-slot="sidebar-wrapper"]) {
    --secondary: color-mix(in srgb,
    var(--foreground) var(--secondary-mix, 20%),
    var(--background));
  }
}

:is(body:not([data-theme-preset]):has(.cheapai-console[data-slot="sidebar-wrapper"]), body[data-theme-preset="default"]:has(.cheapai-console[data-slot="sidebar-wrapper"]), body:not([data-theme-preset]) .cheapai-console[data-slot="sidebar-wrapper"], body[data-theme-preset="default"] .cheapai-console[data-slot="sidebar-wrapper"]) {
  --secondary-foreground: #234c40;
  --muted-foreground: #58716a;
  --accent: #e0eee8;
  --accent-foreground: #164e3f;
  --destructive: #c94852;
  --destructive-foreground: #fff;
  --success: #177a59;
  --success-foreground: #fff;
  --warning: #96600f;
  --warning-foreground: #fff;
  --info: #47718a;
  --info-foreground: #fff;
  --neutral: #747474;
  --neutral-foreground: #fff;
  --border: #dae5e0;
  --input: #c4d6ce;
  --ring: #10836c;
  --chart-1: #087f68;
  --chart-2: #2c85a2;
  --chart-3: #cc9a40;
  --chart-4: #8d79a9;
  --chart-5: #c97668;
  --sidebar: #edf4f0;
  --sidebar-foreground: #294b40;
  --sidebar-primary: #076c59;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #dbece3;
  --sidebar-accent-foreground: #0f604b;
  --sidebar-border: #d5e3dc;
  --sidebar-ring: #10836c;
  --surface: #fff;
  --surface-foreground: #152824;
  --brand-signal: #22cfa4;
  --brand-signal-foreground: #06281f;
  --skeleton-base: #e6eee9;
  --skeleton-highlight: #f9fbfa;
}

:is(.dark body:not([data-theme-preset]):has(.cheapai-console[data-slot="sidebar-wrapper"]), .dark body[data-theme-preset="default"]:has(.cheapai-console[data-slot="sidebar-wrapper"]), body.dark:not([data-theme-preset]):has(.cheapai-console[data-slot="sidebar-wrapper"]), body.dark[data-theme-preset="default"]:has(.cheapai-console[data-slot="sidebar-wrapper"]), .dark body:not([data-theme-preset]) .cheapai-console[data-slot="sidebar-wrapper"], .dark body[data-theme-preset="default"] .cheapai-console[data-slot="sidebar-wrapper"], body.dark:not([data-theme-preset]) .cheapai-console[data-slot="sidebar-wrapper"], body.dark[data-theme-preset="default"] .cheapai-console[data-slot="sidebar-wrapper"]) {
  --background: #0a1518;
  --foreground: #e7f3ee;
  --card: #102125;
  --card-foreground: #e7f3ee;
  --popover: #152b2c;
  --popover-foreground: #e7f3ee;
  --primary: #6ee3c0;
  --primary-foreground: #07271f;
  --secondary: #183032;
  --secondary-foreground: #d2e7dd;
  --muted: #152b2b;
  --muted-foreground: #a0b7b0;
  --accent: #1e3c39;
  --accent-foreground: #b8f3dc;
  --destructive: #ef7078;
  --destructive-foreground: #251416;
  --success: #5bc59c;
  --success-foreground: #102019;
  --warning: #dfac55;
  --warning-foreground: #251b0c;
  --info: #7fa0b0;
  --info-foreground: #10191d;
  --neutral: #a9afa8;
  --neutral-foreground: #0a0a0a;
  --border: #29423d;
  --input: #37594f;
  --ring: #6ee3c0;
  --chart-1: #6ee3c0;
  --chart-2: #70bce0;
  --chart-3: #e1b866;
  --chart-4: #b4a3d4;
  --chart-5: #ec9a85;
  --sidebar: #0e2023;
  --sidebar-foreground: #d4e8df;
  --sidebar-primary: #6ee3c0;
  --sidebar-primary-foreground: #07271f;
  --sidebar-accent: #1b3732;
  --sidebar-accent-foreground: #adf0d6;
  --sidebar-border: #28443b;
  --sidebar-ring: #6ee3c0;
  --surface: #102125;
  --surface-foreground: #e7f3ee;
  --brand-signal: #6ee3c0;
  --brand-signal-foreground: #07271f;
  --skeleton-base: #19332f;
  --skeleton-highlight: #264a41;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) ::selection {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) ::selection {
    background: color-mix(in srgb, var(--foreground) 16%, transparent);
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) ::selection {
  color: currentColor;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) .font-mono {
  font-family: var(--console-font-mono);
  font-variant-numeric: tabular-nums slashed-zero;
  letter-spacing: -.015em;
}

.cheapai-console [data-slot="console-workspace"], .cheapai-console [data-slot="sidebar-inset"] {
  background: var(--background);
  min-width: 0;
}

.cheapai-console [data-slot="app-header"] {
  border-bottom: 1px solid var(--console-hairline);
  background: var(--card);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console [data-slot="app-header"] {
    background: color-mix(in srgb, var(--card) 42%, var(--background));
  }
}

.cheapai-console [data-slot="app-header"] {
  box-shadow: none;
}

.cheapai-console [data-slot="sidebar-header"] {
  border-bottom: 1px solid var(--console-hairline);
}

.cheapai-console [data-slot="app-header-inner"] {
  padding-inline: var(--console-page-gutter);
  gap: clamp(.5rem, .35rem + .3vw, .75rem);
}

.cheapai-console [data-slot="app-header-left"] {
  min-width: 0;
  height: 100%;
}

.cheapai-console [data-slot="console-header-primary"] {
  align-self: stretch;
  gap: clamp(.875rem, .55rem + .65vw, 1.375rem);
  height: 100%;
}

.cheapai-console [data-slot="console-header-nav"] {
  align-self: stretch;
  align-items: center;
  gap: .25rem;
  height: auto;
}

.cheapai-console [data-slot="console-header-nav-link"] {
  height: 100%;
  color: var(--muted-foreground);
  letter-spacing: -.005em;
  white-space: nowrap;
  outline-offset: -5px;
  border-radius: .25rem;
  outline: 2px solid #0000;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  padding-inline: .5rem;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: color .15s, outline-color .15s;
  display: inline-flex;
  position: relative;
}

.cheapai-console [data-slot="console-header-nav-link"]:after {
  background: var(--foreground);
  content: "";
  opacity: 0;
  transform-origin: center;
  border-radius: 999px 999px 0 0;
  height: 2px;
  transition: background-color .15s, opacity .15s, transform .18s;
  position: absolute;
  inset-block-end: -1px;
  inset-inline: .5rem;
  transform: scaleX(.45);
}

.cheapai-console [data-slot="console-header-nav-link"]:is(:hover, :focus-visible) {
  color: var(--foreground);
}

.cheapai-console [data-slot="console-header-nav-link"]:is(:hover, :focus-visible):after {
  opacity: .32;
  transform: scaleX(1);
}

.cheapai-console [data-slot="console-header-nav-link"]:focus-visible {
  outline-color: var(--ring);
}

.cheapai-console [data-slot="console-header-nav-link"][data-active] {
  color: var(--foreground);
  font-weight: 600;
}

.cheapai-console [data-slot="console-header-nav-link"][data-active]:after {
  background: var(--brand-signal);
  opacity: 1;
  transform: scaleX(1);
}

.cheapai-console [data-slot="console-header-nav-link"][aria-disabled="true"] {
  pointer-events: none;
  opacity: .45;
}

.cheapai-console [data-slot="console-header-nav-link"] svg {
  opacity: .65;
  width: .75rem;
  height: .75rem;
}

.cheapai-console [data-slot="console-header-nav-link"]:is(:hover, :focus-visible) svg {
  opacity: 1;
}

.cheapai-console [data-slot="app-header-actions"] {
  gap: .375rem;
}

.cheapai-console [data-slot="app-header-actions"] [data-header-utility] {
  color: var(--muted-foreground);
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: .25rem;
}

.cheapai-console [data-slot="app-header-actions"] [data-header-utility]:is(:hover, :focus-visible, [aria-expanded="true"]) {
  background: var(--secondary);
  color: var(--foreground);
}

.cheapai-console [data-slot="system-brand"] {
  border-radius: var(--console-control-radius);
  letter-spacing: -.02em;
  height: 2rem;
  font-size: .875rem;
  font-weight: 600;
}

.cheapai-console [data-slot="system-brand"] img {
  border-radius: .125rem;
}

.cheapai-console [data-slot="system-brand-mark"], .cheapai-console [data-slot="system-brand-mark"] img {
  border-radius: var(--console-control-radius);
}

.cheapai-console [data-slot="system-brand-name"] {
  font-family: var(--console-font-display);
  letter-spacing: -.015em;
  font-size: .875rem;
  font-weight: 600;
}

.cheapai-console [data-slot="top-nav"] {
  height: var(--app-header-height);
  gap: clamp(1rem, .7rem + .8vw, 1.75rem);
}

.cheapai-console [data-slot="top-nav"] > a {
  height: 100%;
  color: var(--muted-foreground);
  letter-spacing: -.005em;
  align-items: center;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
  position: relative;
}

.cheapai-console [data-slot="top-nav"] > a:after {
  content: "";
  background: none;
  height: 1px;
  position: absolute;
  inset-block-end: -1px;
  inset-inline: 0;
}

.cheapai-console [data-slot="top-nav"] > a:hover, .cheapai-console [data-slot="top-nav"] > a[data-active] {
  color: var(--foreground);
}

.cheapai-console [data-slot="top-nav"] > a[data-active]:after {
  background: var(--brand-signal);
  height: 2px;
}

.cheapai-console [data-slot="sidebar-container"] {
  top: var(--site-announcement-height, 0px);
  height: calc(100svh - var(--site-announcement-height, 0px));
  border-color: var(--console-hairline-strong);
  bottom: 0;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-sidebar="sidebar"][data-mobile="true"] > [data-slot="sheet-close"] {
  width: 2.5rem;
  height: 2.5rem;
  inset-block-start: .375rem;
  inset-inline-end: .375rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-sub-trigger"], [data-slot="select-item"], [data-slot="combobox-item"]) {
  min-height: var(--overlay-menu-item-min-height);
  gap: var(--overlay-menu-item-gap);
  border-radius: var(--overlay-menu-item-radius);
  padding-block: var(--overlay-menu-item-padding-block);
  padding-inline: var(--overlay-menu-item-padding-inline);
  font-size: var(--overlay-menu-font-size);
  font-weight: var(--overlay-menu-font-weight);
  line-height: var(--overlay-menu-line-height);
  transition: background-color .12s, color .12s;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="select-item"], [data-slot="combobox-item"]) {
  padding-inline-end: 2rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-sub-trigger"])[data-inset] {
  padding-inline-start: 1.75rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-sub-trigger"], [data-slot="select-item"], [data-slot="combobox-item"]):is(:hover, :focus, [data-highlighted], [data-popup-open]):not([data-disabled], :disabled) {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-sub-trigger"], [data-slot="select-item"], [data-slot="combobox-item"]):is(:hover, :focus, [data-highlighted], [data-popup-open]):not([data-disabled], :disabled) {
    background: color-mix(in srgb, var(--foreground) var(--overlay-menu-hover-mix), var(--popover));
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-sub-trigger"], [data-slot="select-item"], [data-slot="combobox-item"]):is(:hover, :focus, [data-highlighted], [data-popup-open]):not([data-disabled], :disabled) {
  color: var(--popover-foreground);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="dropdown-menu-item"][data-variant="destructive"]:is(:hover, :focus, [data-highlighted]) {
  background: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="dropdown-menu-item"][data-variant="destructive"]:is(:hover, :focus, [data-highlighted]) {
    background: color-mix(in srgb, var(--destructive) 11%, var(--popover));
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="dropdown-menu-item"][data-variant="destructive"]:is(:hover, :focus, [data-highlighted]) {
  color: var(--destructive);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="dropdown-menu-checkbox-item-indicator"], [data-slot="dropdown-menu-radio-item-indicator"]) {
  color: var(--brand-signal);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="dropdown-menu-separator"], [data-slot="select-separator"], [data-slot="combobox-separator"]) {
  background: var(--foreground);
  margin-block: .375rem;
  margin-inline: .25rem;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="dropdown-menu-separator"], [data-slot="select-separator"], [data-slot="combobox-separator"]) {
    background: color-mix(in srgb, var(--foreground) 10%, transparent);
  }
}

.cheapai-console [data-sidebar="group-label"] {
  height: 2rem;
  color: var(--sidebar-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console [data-sidebar="group-label"] {
    color: color-mix(in srgb, var(--sidebar-foreground) 52%, transparent);
  }
}

.cheapai-console [data-sidebar="group-label"] {
  font-family: var(--console-font-sans);
  letter-spacing: .04em;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1;
}

.cheapai-console [data-sidebar="menu-button"], .cheapai-console [data-sidebar="menu-sub-button"] {
  border-radius: var(--console-control-radius);
  color: var(--sidebar-foreground);
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console [data-sidebar="menu-button"], .cheapai-console [data-sidebar="menu-sub-button"] {
    color: color-mix(in srgb, var(--sidebar-foreground) 72%, transparent);
  }
}

.cheapai-console [data-sidebar="menu-button"], .cheapai-console [data-sidebar="menu-sub-button"] {
  letter-spacing: -.005em;
  padding-inline: .625rem;
  font-size: .8125rem;
  font-weight: 500;
  transition: background-color .12s, color .12s;
}

.cheapai-console [data-sidebar="menu-button"] {
  min-height: 2.25rem;
}

.cheapai-console [data-sidebar="menu-button"]:hover, .cheapai-console [data-sidebar="menu-sub-button"]:hover {
  background: var(--sidebar-accent);
  color: var(--sidebar-accent-foreground);
}

.cheapai-console [data-sidebar="menu-button"][data-active], .cheapai-console [data-sidebar="menu-sub-button"][data-active] {
  background: var(--sidebar-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console [data-sidebar="menu-button"][data-active], .cheapai-console [data-sidebar="menu-sub-button"][data-active] {
    background: color-mix(in srgb, var(--sidebar-foreground) 7%, var(--sidebar));
  }
}

.cheapai-console [data-sidebar="menu-button"][data-active], .cheapai-console [data-sidebar="menu-sub-button"][data-active] {
  box-shadow: inset 0 0 0 1px var(--sidebar-foreground), 0 1px 2px #1818180d;
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console [data-sidebar="menu-button"][data-active], .cheapai-console [data-sidebar="menu-sub-button"][data-active] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--sidebar-foreground) 8%, transparent), 0 1px 2px #1818180d;
  }
}

.cheapai-console [data-sidebar="menu-button"][data-active], .cheapai-console [data-sidebar="menu-sub-button"][data-active] {
  color: var(--sidebar-foreground);
  font-weight: 600;
}

.cheapai-console [data-sidebar="menu-button"][data-active]:before, .cheapai-console [data-sidebar="menu-sub-button"][data-active]:before {
  background: var(--brand-signal);
  content: "";
  pointer-events: none;
  border-radius: 999px;
  width: 2px;
  position: absolute;
  inset-block: .375rem;
  inset-inline-start: 0;
}

.cheapai-console [data-sidebar="menu-button"][data-active] :is(svg, [data-slot="sidebar-menu-badge"], [data-slot="badge"]), .cheapai-console [data-sidebar="menu-sub-button"][data-active] :is(svg, [data-slot="sidebar-menu-badge"], [data-slot="badge"]) {
  color: currentColor;
}

.cheapai-console [data-sidebar="menu-button"][data-active] [data-slot="badge"], .cheapai-console [data-sidebar="menu-sub-button"][data-active] [data-slot="badge"] {
  background: var(--sidebar-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console [data-sidebar="menu-button"][data-active] [data-slot="badge"], .cheapai-console [data-sidebar="menu-sub-button"][data-active] [data-slot="badge"] {
    background: color-mix(in srgb, var(--sidebar-foreground) 9%, transparent);
  }
}

.cheapai-console [data-sidebar="menu-button"][data-active] [data-slot="badge"], .cheapai-console [data-sidebar="menu-sub-button"][data-active] [data-slot="badge"] {
  color: currentColor;
}

.cheapai-console [data-sidebar="menu-sub"] {
  border-color: var(--sidebar-border);
}

.cheapai-console [data-slot="section-page-layout"] {
  background: var(--background);
}

.cheapai-console [data-slot="section-page-layout"][data-density="data"] {
  --console-page-content-block: clamp(1rem, .75rem + .55vw, 1.625rem);
  --console-page-heading-gap: clamp(.875rem, .7rem + .35vw, 1.125rem);
  --console-section-gap: var(--console-panel-gap);
}

.cheapai-console [data-slot="section-page-heading"] {
  margin-block-end: var(--console-page-heading-gap);
}

.cheapai-console [data-slot="section-page-title"] {
  font-family: var(--console-font-display);
  letter-spacing: -.035em;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.2;
}

.cheapai-console [data-slot="breadcrumb"] {
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.cheapai-console [data-slot="section-page-content"] {
  padding-block: var(--console-page-content-block);
  padding-inline: var(--console-page-gutter);
  background-color: var(--background);
  background-image: none;
  position: relative;
}

.cheapai-console [data-slot="section-page-frame"] {
  z-index: 1;
  width: 100%;
  min-width: 0;
  box-shadow: none;
  margin: 0;
  position: relative;
}

.cheapai-console [data-slot="section-page-footer"] {
  border-color: var(--console-hairline-strong);
  padding-block: clamp(.5rem, .4rem + .25vw, .75rem);
  padding-inline: var(--console-page-gutter);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="button"], [data-slot="input"], [data-slot="input-group"], [data-slot="select-trigger"], [data-slot="textarea"], [data-slot="tabs-list"], [data-slot="tabs-trigger"]) {
  border-radius: var(--console-control-radius);
  box-shadow: none;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="button"] {
  font-weight: 600;
  transition: background-color .12s, border-color .12s, color .12s, opacity .12s;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="button"][data-variant="secondary"] {
  border-color: var(--console-input-border, var(--console-hairline-strong));
  background: var(--secondary);
  color: var(--secondary-foreground);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="button"]:active:not(:disabled):not([aria-disabled="true"]) {
  translate: none;
}

@media (max-width: 767px), (max-width: 1023px) and (max-height: 500px) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-size="icon"], [data-size="icon-xs"], [data-size="icon-sm"]) {
    min-width: 2.25rem;
    min-height: 2.25rem;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="input"], [data-slot="input-group"], [data-slot="textarea"]) {
  font-size: .875rem;
  font-weight: 450;
  line-height: 1.375rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="select-trigger"], [data-slot="tabs-trigger"]) {
  font-size: .8125rem;
  font-weight: 600;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="label"], [data-slot="field-label"], [data-slot="select-label"]) {
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.25rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="button"], [data-slot="input"], [data-slot="input-group"], [data-slot="select-trigger"], [data-slot="textarea"]):focus-visible {
  border-color: var(--ring);
  box-shadow: 0 0 0 2px var(--ring);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="button"], [data-slot="input"], [data-slot="input-group"], [data-slot="select-trigger"], [data-slot="textarea"]):focus-visible {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ring) 24%, transparent);
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="card"] {
  border-radius: var(--console-panel-radius);
  border: 1px solid var(--console-hairline-strong);
  background: var(--card);
  box-shadow: var(--console-shadow-low);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="card-header"] {
  border-color: var(--console-hairline-strong);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="card-title"] {
  letter-spacing: -.015em;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.375rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="card-description"] {
  font-size: .75rem;
  font-weight: 450;
  line-height: 1.125rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="badge"] {
  border-radius: .1875rem;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="status-badge"] {
  letter-spacing: .005em;
  font-size: .6875rem;
  font-weight: 600;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="dialog-content"] {
  border-color: var(--console-hairline-strong);
  border-radius: var(--console-panel-radius);
  box-shadow: var(--console-shadow-raised);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"], [data-slot="select-content"], [data-slot="combobox-content"], [data-slot="popover-content"], [data-slot="hover-card-content"]) {
  border: 1px solid var(--overlay-menu-border);
  border-radius: var(--overlay-menu-radius);
  background: var(--popover);
  color: var(--popover-foreground);
  font-family: var(--console-font-sans);
  box-shadow: var(--overlay-menu-shadow);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"], [data-slot="select-content"], [data-slot="combobox-content"]) {
  padding: var(--overlay-menu-padding);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="dialog-title"], [data-slot="sheet-title"], [data-slot="drawer-title"], [data-slot="alert-dialog-title"]) {
  letter-spacing: -.015em;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs"] {
  margin: 0;
  padding: 0;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs-list"] {
  box-sizing: border-box;
  align-items: stretch;
  gap: var(--console-tabs-item-gap);
  border: 1px solid var(--console-hairline, var(--border));
  height: auto;
  min-height: 2.375rem;
  padding: var(--console-tabs-list-padding);
  background: var(--console-surface-subtle, var(--muted));
  margin: 0;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs-list"][data-size="compact"] {
  gap: var(--console-tabs-compact-item-gap);
  min-height: 2rem;
  padding: var(--console-tabs-compact-list-padding);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs-trigger"] {
  height: auto;
  min-height: 1.875rem;
  padding-block: var(--console-tabs-trigger-padding-block);
  padding-inline: var(--console-tabs-trigger-padding-inline);
  margin: 0;
  line-height: 1.125rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs-list"][data-size="compact"] > [data-slot="tabs-trigger"] {
  min-height: 1.625rem;
  padding-block: var(--console-tabs-compact-trigger-padding-block);
  padding-inline: var(--console-tabs-compact-trigger-padding-inline);
  font-size: .75rem;
  line-height: 1rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs-content"] {
  margin: 0;
  padding: 0;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs-list"][data-variant="line"] {
  border-width: 0 0 1px;
  border-color: var(--console-hairline-strong, var(--border));
  background: none;
  border-radius: 0;
  gap: 1.25rem;
  min-height: 2.5rem;
  padding: 0;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs-list"][data-variant="line"][data-size="compact"] {
  gap: 1rem;
  min-height: 2rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs-list"][data-variant="line"] > [data-slot="tabs-trigger"] {
  border-radius: 0;
  min-height: 2.5rem;
  padding-block: .625rem;
  padding-inline: .125rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs-list"][data-variant="line"][data-size="compact"] > [data-slot="tabs-trigger"] {
  min-height: 2rem;
  padding-block: .375rem;
  padding-inline: .125rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs-list"][data-variant="line"] > [data-slot="tabs-trigger"]:after {
  background: var(--foreground);
  bottom: -1px;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs-list"][data-variant="line"] > [data-slot="tabs-trigger"][data-active] {
  background: none;
  border-color: #0000;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs-trigger"] {
  box-shadow: none;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs-list"]:not([data-variant="line"]) > [data-slot="tabs-trigger"][data-active] {
  border-color: var(--console-hairline-strong, var(--border));
  background: var(--background);
}

.cheapai-console [data-slot="console-overview"] {
  --console-section-gap: clamp(1.25rem, .95rem + .65vw, 2rem);
  --console-panel-gap: clamp(.75rem, .6rem + .35vw, 1rem);
  --console-group-gap: clamp(.75rem, .6rem + .3vw, 1rem);
  --console-panel-padding: clamp(1rem, .8rem + .45vw, 1.375rem);
  --console-feature-padding: clamp(1.25rem, .95rem + .65vw, 1.75rem);
  container: overview-layout / inline-size;
}

.cheapai-console .console-overview-primary-grid {
  align-items: start;
  gap: var(--console-panel-gap);
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "summary";
}

.cheapai-console .console-overview-primary-grid:where([data-guide-visible="true"]) {
  grid-template-areas: "summary"
                       "actions";
}

.cheapai-console :is(.console-overview-primary-grid > [data-slot="card"], [data-overview-panel="activation"]) {
  border: 1px solid var(--console-hairline-strong);
  border-radius: var(--console-panel-radius);
  background: var(--card);
  min-width: 0;
  box-shadow: none;
  gap: 0;
  padding-block: 0;
}

.cheapai-console [data-overview-panel="activation"] {
  border-color: var(--brand-signal);
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console [data-overview-panel="activation"] {
    border-color: color-mix(in srgb, var(--brand-signal) 38%, var(--console-hairline-strong));
  }
}

.cheapai-console [data-overview-panel="activation"] {
  background: var(--brand-signal);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console [data-overview-panel="activation"] {
    background: color-mix(in srgb, var(--brand-signal) 4%, var(--card));
  }
}

.cheapai-console [data-overview-panel="activation"]:before {
  z-index: 1;
  background: var(--brand-signal);
  content: "";
  pointer-events: none;
  width: 3px;
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
}

.cheapai-console [data-overview-panel="activation"] [data-slot="card-header"] {
  padding: var(--console-panel-padding);
}

.cheapai-console [data-overview-panel="activation"] [data-slot="card-title"] {
  font-family: var(--console-font-display);
  letter-spacing: -.025em;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.375rem;
}

.cheapai-console [data-overview-panel="activation"] [data-slot="card-description"] {
  font-size: .8125rem;
  line-height: 1.25rem;
}

.cheapai-console [data-overview-activation-icon] {
  border-radius: var(--console-control-radius);
  background: var(--brand-signal);
  color: var(--brand-signal-foreground);
}

.cheapai-console [data-overview-panel="activation"] [data-overview-primary-action] {
  min-width: 10.5rem;
}

.cheapai-console .console-overview-key-alert {
  border-color: var(--destructive);
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: .125rem .625rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console .console-overview-key-alert {
    border-color: color-mix(in srgb, var(--destructive) 35%, var(--border));
  }
}

.cheapai-console .console-overview-key-alert {
  border-radius: var(--console-panel-radius);
  padding: .75rem var(--console-panel-padding);
  box-shadow: none;
}

.cheapai-console .console-overview-key-alert > [data-slot="alert-title"] {
  grid-area: 1 / 2;
}

.cheapai-console .console-overview-key-alert > [data-slot="alert-description"] {
  grid-area: 2 / 2;
}

.cheapai-console .console-overview-key-alert > [data-slot="alert-action"] {
  grid-area: 1 / 3 / span 2;
  align-self: center;
  position: static;
  transform: none;
}

.cheapai-console [data-overview-support] {
  border-top: 1px solid var(--console-hairline);
  min-width: 0;
  box-shadow: none;
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .875rem .125rem 0;
  display: flex;
}

.cheapai-console [data-overview-support-heading] {
  align-items: center;
  gap: .625rem;
  min-width: 0;
  display: flex;
}

.cheapai-console [data-overview-support-icon] {
  border: 1px solid var(--console-hairline);
  border-radius: var(--console-control-radius);
  background: var(--console-surface-subtle);
  width: 2rem;
  height: 2rem;
  color: var(--muted-foreground);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.cheapai-console [data-overview-support-icon] > svg {
  width: .9375rem;
  height: .9375rem;
}

.cheapai-console [data-overview-support-heading] > h2 {
  letter-spacing: -.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.25rem;
  overflow: hidden;
}

.cheapai-console [data-overview-support-actions] {
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.cheapai-console .console-overview-support-action {
  min-width: 0;
  text-decoration: none;
}

.cheapai-console [data-overview-panel="summary"] {
  grid-area: summary;
  container: overview-summary / inline-size;
}

.cheapai-console [data-overview-panel="summary"] [data-slot="card-header"], .cheapai-console [data-overview-panel="action-rail"] [data-slot="card-header"] {
  border-bottom: 1px solid var(--console-hairline);
  padding: var(--console-panel-padding);
  border-radius: 0;
}

.cheapai-console [data-overview-panel="summary"] [data-slot="card-header"] {
  padding-block: clamp(.875rem, .8rem + .2vw, 1rem);
}

.cheapai-console .console-summary-actions {
  min-width: 0;
}

.cheapai-console [data-overview-add-credits] {
  min-width: 7.75rem;
}

.cheapai-console .console-summary-content {
  min-width: 0;
  padding: 0;
  display: grid;
}

.cheapai-console [data-overview-billing] {
  min-width: 0;
}

.cheapai-console [data-overview-billing-source] {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.cheapai-console [data-overview-primary-source] {
  min-width: 0;
  padding: var(--console-feature-padding);
  flex-direction: column;
  gap: .875rem;
  display: flex;
}

.cheapai-console [data-overview-source-main] {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: .75rem 1.25rem;
  min-width: 0;
  display: flex;
}

.cheapai-console [data-overview-source-title] {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .5rem .75rem;
  min-width: 0;
  display: flex;
}

.cheapai-console [data-overview-source-copy] {
  flex-direction: column;
  flex: 20rem;
  gap: .5rem;
  min-width: min(100%, 15rem);
  max-width: 32rem;
  display: flex;
}

.cheapai-console [data-overview-source-title] > h3 {
  color: var(--muted-foreground);
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.125rem;
}

.cheapai-console [data-overview-source-value] {
  overflow-wrap: anywhere;
  font-family: var(--console-font-mono);
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
  font-size: clamp(1.75rem, 1.45rem + .7vw, 2.25rem);
  font-weight: 650;
  line-height: 1.05;
}

.cheapai-console [data-overview-source-timing] {
  color: var(--muted-foreground);
  font-size: .75rem;
  line-height: 1.125rem;
}

.cheapai-console [data-overview-source-timing][data-tone="warning"] {
  color: var(--warning);
}

.cheapai-console [data-overview-subscription-progress] {
  gap: 0;
  width: min(100%, 24rem);
}

.cheapai-console [data-overview-subscription-progress] [data-slot="progress-track"] {
  height: .3125rem;
}

.cheapai-console [data-overview-subscription-progress] [data-slot="progress-indicator"] {
  transition: none;
}

.cheapai-console [data-overview-secondary-source] {
  min-width: 0;
  padding: .875rem var(--console-panel-padding);
  background: var(--console-surface-subtle);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .75rem 1rem;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console [data-overview-secondary-source] {
    background: color-mix(in srgb, var(--console-surface-subtle) 58%, var(--card));
  }
}

.cheapai-console [data-overview-secondary-source-copy] {
  flex-direction: column;
  flex: 16rem;
  gap: .1875rem;
  min-width: min(100%, 12rem);
  display: flex;
}

.cheapai-console [data-overview-secondary-label] {
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.125rem;
}

.cheapai-console [data-overview-secondary-value] {
  overflow-wrap: anywhere;
  font-family: var(--console-font-mono);
  font-variant-numeric: tabular-nums;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.25rem;
}

.cheapai-console [data-overview-secondary-description] {
  color: var(--muted-foreground);
  font-size: .75rem;
  line-height: 1.125rem;
}

.cheapai-console [data-overview-subscription-action] {
  max-width: 100%;
}

.cheapai-console .console-summary-metrics {
  border-top: 1px solid var(--console-hairline);
  grid-template-columns: minmax(0, 1fr);
}

.cheapai-console [data-overview-metric] {
  min-height: 6.75rem;
  padding: .875rem var(--console-panel-padding);
}

.cheapai-console [data-overview-metric] + [data-overview-metric] {
  border-top: 1px solid var(--console-hairline);
}

.cheapai-console .console-overview-primary-grid > [data-overview-panel="action-rail"] {
  grid-area: actions;
  position: relative;
}

.cheapai-console .console-overview-primary-grid > [data-overview-panel="action-rail"][data-mode="setup"] {
  background: var(--console-surface-subtle);
}

.cheapai-console [data-overview-balance-trend] {
  color: var(--brand-signal);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console [data-overview-balance-trend] {
    color: color-mix(in srgb, var(--brand-signal) 72%, var(--foreground));
  }
}

.cheapai-console [data-overview-panel="action-rail"] [data-slot="card-description"] {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.cheapai-console .console-action-rail-content {
  min-height: 0;
  padding: .625rem;
}

.cheapai-console .console-setup-step {
  border-radius: var(--console-control-radius);
  min-height: 3.375rem;
  padding: .5rem .625rem;
  transition: background-color .12s, box-shadow .12s;
}

.cheapai-console .console-setup-step:hover {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console .console-setup-step:hover {
    background: color-mix(in srgb, var(--foreground) 5%, transparent);
  }
}

.cheapai-console .console-setup-step[data-state="current"] {
  background: var(--card);
  box-shadow: inset 0 0 0 1px var(--console-hairline-strong);
}

.cheapai-console .console-setup-step[data-state="current"] [data-overview-step-status] {
  border-radius: var(--console-control-radius);
  background: var(--brand-signal);
  color: var(--brand-signal-foreground);
}

.cheapai-console .console-setup-step[data-state="complete"] [data-overview-step-status] {
  color: var(--success);
}

.cheapai-console [data-overview-action] {
  border-radius: var(--console-control-radius);
  min-height: 3.25rem;
}

.cheapai-console [data-overview-action-icon] {
  border: 1px solid var(--console-hairline);
  border-radius: var(--console-control-radius);
  background: var(--card);
}

.cheapai-console [data-slot="console-overview"] :is([data-slot="console-panel"], [data-slot="card"]) {
  box-shadow: none;
}

.cheapai-console :is([data-slot="console-panel"], .console-wallet-overview, .console-billing-panel) {
  border: 1px solid var(--console-hairline-strong);
  border-radius: var(--console-panel-radius);
  box-shadow: var(--console-shadow-low);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-recharge-order-summary] {
  background: var(--card);
  box-shadow: 0 0 0 1px var(--trust), var(--console-shadow-low);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-recharge-order-summary] {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--trust) 14%, var(--console-hairline-strong)), var(--console-shadow-low);
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-recharge-trust] {
  cursor: default;
  grid-template-columns: 2rem minmax(0, 1fr);
  column-gap: .75rem;
  padding: .75rem .875rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-recharge-trust] > svg {
  border-radius: var(--console-control-radius);
  background: var(--trust);
  width: 2rem;
  height: 2rem;
  margin: 0;
  padding: .45rem;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-recharge-trust] > svg {
    background: color-mix(in srgb, var(--trust) 14%, transparent);
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-recharge-trust] > svg {
  color: var(--trust);
  transform: none;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="console-wallet"] [data-slot="console-form-surface"] {
  border-color: var(--console-hairline-strong);
  background: var(--card);
  box-shadow: none;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-balance-summary] {
  background: var(--card);
  box-shadow: none;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-balance-summary] [data-slot="progress-indicator"] {
  transition: none;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="console-wallet"] [data-slot="skeleton"] {
  animation: none;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-subscription-model-scope] {
  border-block: 1px solid var(--console-hairline-strong);
  padding-block: 1rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-subscription-model-scope-heading] > span {
  background: var(--foreground);
  flex: none;
  width: .5rem;
  height: .5rem;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-subscription-model-scope-heading] > span {
    background: color-mix(in srgb, var(--foreground) 72%, var(--background));
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-subscription-model-logo] {
  color: var(--foreground);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-card] {
  border: 1px solid var(--console-hairline-strong);
  min-width: 0;
  box-shadow: none;
  border-radius: .25rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-card]:not([data-enterprise-plan]) {
  min-height: 22rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-card][data-current-plan="true"] {
  background: var(--card);
  border-color: var(--foreground);
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-card][data-current-plan="true"] {
    border-color: color-mix(in srgb, var(--foreground) 32%, var(--console-hairline-strong));
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-card][data-current-plan="true"] {
  box-shadow: none;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-current-subscription] {
  border: 1px solid var(--console-hairline-strong);
  min-width: 0;
  box-shadow: none;
  border-radius: .25rem;
  position: relative;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-wallet-current-subscription], [data-wallet-plan-card][data-current-plan="true"]):before {
  z-index: 1;
  background: var(--foreground);
  height: .1875rem;
  position: absolute;
  inset: 0 0 auto;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-wallet-current-subscription], [data-wallet-plan-card][data-current-plan="true"]):before {
    background: color-mix(in srgb, var(--foreground) 64%, transparent);
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-wallet-current-subscription], [data-wallet-plan-card][data-current-plan="true"]):before {
  content: "";
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-price] {
  min-width: 0;
  color: var(--foreground);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.045em;
  align-items: flex-end;
  line-height: 1;
  display: flex;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-price-major] {
  font-size: clamp(2rem, 1.85rem + .35vw, 2.25rem);
  font-weight: 650;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-price-fraction] {
  color: var(--foreground);
  margin-block-end: .125rem;
  margin-inline-start: .04em;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-price-fraction] {
    color: color-mix(in srgb, var(--foreground) 78%, var(--card));
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-price-fraction] {
  letter-spacing: -.025em;
  font-size: 1.0625rem;
  font-weight: 650;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-eyebrow] {
  color: var(--muted-foreground);
  letter-spacing: .02em;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-bonus] {
  border-color: var(--reward);
  padding-inline: .375rem;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-bonus] {
    border-color: color-mix(in srgb, var(--reward) 20%, var(--console-hairline));
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-bonus] {
  background: var(--reward);
  border-radius: .25rem;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-bonus] {
    background: color-mix(in srgb, var(--reward) 7%, var(--card));
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-bonus] {
  color: var(--reward);
  box-shadow: none;
  font-variant-numeric: tabular-nums;
  letter-spacing: .01em;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-credit-panel] {
  border: 1px solid var(--console-hairline);
  border-radius: var(--console-control-radius);
  background: var(--foreground);
  padding: .875rem;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-credit-panel] {
    background: color-mix(in srgb, var(--foreground) 2.5%, var(--card));
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-credit-value] {
  color: var(--foreground);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.025em;
  font-size: 1.5rem;
  font-weight: 650;
  line-height: 1;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-bonus-copy] {
  color: var(--reward);
  font-weight: 550;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-grant-count] {
  color: var(--foreground);
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.125rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-wallet-plan-card], [data-wallet-current-subscription]) [data-slot="card-header"], :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-wallet-plan-card], [data-wallet-current-subscription]) [data-slot="card-content"] {
  padding-inline: 1.25rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-card] [data-slot="card-footer"] {
  padding: 0 1.25rem 1.25rem;
}

@media (hover: hover) and (pointer: fine) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-card]:not([data-enterprise-plan]) {
    transition: border-color .16s, background-color .16s;
  }

  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-card]:not([data-enterprise-plan]):hover {
    border-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-card]:not([data-enterprise-plan]):hover {
      border-color: color-mix(in srgb, var(--foreground) 30%, var(--console-hairline-strong));
    }
  }

  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-card]:not([data-enterprise-plan]):hover {
    background: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-card]:not([data-enterprise-plan]):hover {
      background: color-mix(in srgb, var(--foreground) 2.5%, var(--card));
    }
  }

  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-card]:not([data-enterprise-plan]):hover {
    box-shadow: none;
    transform: none;
  }

  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-cta]:hover {
    border-color: var(--brand-signal);
    background: var(--brand-signal);
    color: var(--brand-signal-foreground);
  }

  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-cta]:hover [data-icon="inline-end"] {
    transform: translateX(.125rem);
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-cta] [data-icon="inline-end"] {
  transition: transform .15s;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-subscription-faq] [data-slot="accordion-item"] {
  border-color: var(--console-hairline);
  background: var(--card);
  box-shadow: none;
  transition: border-color .18s, background-color .18s;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-subscription-faq] [data-slot="accordion-item"][data-open] {
  border-color: var(--console-hairline-strong);
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-subscription-faq] [data-slot="accordion-item"][data-open] {
    background: color-mix(in srgb, var(--foreground) 2.5%, var(--card));
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-subscription-faq] [data-slot="accordion-item"][data-open] {
  box-shadow: none;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-subscription-faq] [data-slot="accordion-trigger-icon"] {
  display: none;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-subscription-faq] [data-slot="accordion-content"] {
  --tw-animation-duration: .24s;
  --tw-ease: cubic-bezier(.22, 1, .36, 1);
}

@media (prefers-reduced-motion: reduce) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-card]:not([data-enterprise-plan]), :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-cta]:hover [data-icon="inline-end"] {
    transition: none;
    transform: none;
  }

  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-subscription-faq] [data-slot="accordion-item"] {
    transition: none;
  }

  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-subscription-faq] [data-slot="accordion-content"] {
    animation: none;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-history] {
  box-shadow: none;
}

@media (max-width: 639px) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-wallet-plan-card], [data-wallet-current-subscription]) [data-slot="card-header"], :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-wallet-plan-card], [data-wallet-current-subscription]) [data-slot="card-content"] {
    padding-inline: 1rem;
  }

  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-wallet-plan-card] [data-slot="card-footer"] {
    padding: 0 1rem 1rem;
  }
}

@container overview-summary (width <= 32rem) {
  .cheapai-console .console-summary-actions {
    grid-area: 3 / 1 / auto / -1;
    justify-self: stretch;
    width: 100%;
    margin-top: .625rem;
  }

  .cheapai-console [data-overview-add-credits] {
    flex: auto;
    min-width: 9rem;
  }
}

@container overview-summary (width >= 36rem) {
  .cheapai-console .console-summary-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .cheapai-console [data-overview-metric] + [data-overview-metric] {
    border-top: 0;
    border-inline-start: 1px solid var(--console-hairline);
  }
}

@container overview-summary (width <= 24rem) {
  .cheapai-console [data-overview-secondary-source] {
    align-items: stretch;
  }

  .cheapai-console [data-overview-secondary-source] > [data-slot="button"] {
    width: 100%;
  }
}

@container overview-layout (width >= 43rem) {
  .cheapai-console .console-overview-primary-grid:where([data-guide-visible="true"]) {
    grid-template-columns: minmax(0, 1fr) clamp(16rem, 30%, 20rem);
    grid-template-areas: "summary actions";
    align-items: stretch;
  }
}

@media (max-width: 639px) {
  .cheapai-console [data-overview-support] {
    flex-direction: column;
    align-items: stretch;
    gap: .75rem;
    padding-inline: 0;
  }

  .cheapai-console [data-overview-support-actions] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
    gap: .5rem;
    width: 100%;
    display: grid;
  }

  .cheapai-console .console-overview-support-action {
    width: 100%;
    min-height: 2.5rem;
  }

  .cheapai-console [data-overview-panel="summary"] [data-slot="card-header"] {
    padding-inline: 1rem;
  }

  .cheapai-console [data-overview-primary-source] {
    padding: 1rem;
  }

  .cheapai-console [data-overview-source-main] {
    align-items: flex-start;
  }

  .cheapai-console [data-overview-secondary-source] {
    min-height: 0;
    padding: .875rem 1rem;
  }

  .cheapai-console [data-overview-metric] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 1rem;
    min-height: 4rem;
    padding: .75rem 1rem;
    display: grid;
  }

  .cheapai-console [data-overview-metric-copy] {
    text-align: end;
    align-items: flex-end;
  }

  .cheapai-console [data-overview-metric-description] {
    display: none;
  }

  .cheapai-console .console-overview-key-alert {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .cheapai-console .console-overview-key-alert > [data-slot="alert-action"] {
    grid-area: 3 / 2;
    justify-self: start;
    margin-top: .375rem;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="table-container"] {
  border: 1px solid var(--console-hairline-strong);
  border-radius: var(--console-panel-radius);
  background: var(--card);
  box-shadow: var(--console-shadow-low);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="table-header"] {
  background: var(--console-surface-subtle);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="table-head"] {
  height: 2.25rem;
  color: var(--muted-foreground);
  font-family: var(--console-font-sans);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .6875rem;
  font-weight: 600;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="table-head"] :where(*) {
  font-size: inherit;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="table-cell"] {
  font-size: .8125rem;
  line-height: 1.25rem;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="table-cell"] :where(*) {
  font-size: inherit;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="table-row"] {
  border-color: var(--console-hairline);
  transition: background-color .1s;
  animation: none;
}

[data-usage-logs-table="true"] [data-slot="table-row"] {
  opacity: 1;
  transform: none;
  animation: none !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="table-row"]:hover {
  background: var(--console-surface-subtle);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="table-row"][data-state="selected"] {
  background: var(--accent);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="data-table-frame"] {
  border-color: var(--console-hairline-strong);
  background: var(--card);
  box-shadow: none;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="data-table-frame"] [data-slot="table-container"] {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="data-table-frame"] [data-slot="table-header"] [data-slot="table-row"] {
  border-color: var(--console-hairline-strong);
}

.cheapai-console [data-slot="console-footer"] {
  border-color: var(--console-hairline-strong);
  background: var(--background);
}

@media (max-width: 767px) {
  .cheapai-console[data-slot="sidebar-wrapper"] {
    --console-page-gutter: 1rem;
    --console-page-heading-gap: .625rem;
    --console-page-content-block: .75rem;
    --console-section-gap: 1.25rem;
  }

  .cheapai-console [data-slot="section-page-layout"][data-fixed-content="true"] {
    --console-page-heading-gap: .5rem;
    --console-page-content-block: .625rem;
  }

  .cheapai-console [data-slot="section-page-title"] {
    font-size: 1.125rem;
    line-height: 1.25;
  }

  .cheapai-console [data-slot="section-page-description"] {
    font-size: .8125rem;
    line-height: 1.4;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"], [data-slot="select-content"], [data-slot="combobox-content"], [data-slot="popover-content"]) {
  overscroll-behavior: contain;
  scrollbar-color: var(--console-hairline-strong) transparent;
  max-height: min(70dvh, 32rem);
  overflow: hidden auto;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"], [data-slot="select-content"]) :is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="select-item"]) {
  overflow-wrap: anywhere;
  min-width: 0;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="select-scroll-up-button"], [data-slot="select-scroll-down-button"]) {
  color: var(--brand-signal);
}

@media (min-width: 640px) {
  .cheapai-console [data-slot="section-page-title"] {
    font-size: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cheapai-console *, .cheapai-console :before, .cheapai-console :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) {
  --console-font-sans: "Zashmodel Inter", var(--font-ui);
  --console-font-display: "Zashmodel Inter", var(--font-brand);
  --console-control-radius: calc(var(--radius) * .8);
  --console-panel-radius: calc(var(--radius) * 1.4);
  --console-shadow-low: none;
  --console-shadow-raised: 0 18px 50px -32px #00000052;
  font-family: "Zashmodel Inter", var(--font-ui);
}

html.light:has(.cheapai-console) {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --background: #f5f7fa;
  --foreground: #0b0d12;
  --card: #fff;
  --card-foreground: #0b0d12;
  --popover: #fff;
  --popover-foreground: #0b0d12;
  --primary: #7fee64;
  --primary-foreground: #0a0a0a;
  --muted: #edf1f5;
  --secondary: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  html.light:has(.cheapai-console) {
    --secondary: color-mix(in srgb,
    var(--foreground) var(--secondary-mix, 20%),
    var(--background));
  }
}

html.light:has(.cheapai-console) {
  --secondary-foreground: #253040;
  --muted-foreground: #5e6673;
  --accent: #e5eaf2;
  --accent-foreground: #0b0d12;
  --destructive: #c53e4b;
  --destructive-foreground: #fff;
  --success: #187956;
  --success-foreground: #fff;
  --warning: #8b5b0e;
  --warning-foreground: #fff;
  --info: #285f9f;
  --info-foreground: #fff;
  --neutral: #6a7482;
  --neutral-foreground: #fff;
  --border: #d6dce5;
  --input: #b9c2ce;
  --ring: #4caf2f;
  --sidebar: #eef2f6;
  --sidebar-foreground: #253040;
  --sidebar-primary: #7fee64;
  --sidebar-primary-foreground: #0a0a0a;
  --sidebar-accent: #e5eaf2;
  --sidebar-accent-foreground: #0b0d12;
  --sidebar-border: #d6dce5;
  --sidebar-ring: #4caf2f;
  --surface: #fff;
  --surface-foreground: #0b0d12;
  --brand-signal: #7fee64;
  --brand-signal-foreground: #0a0a0a;
  --console-hairline: #d6dce5;
  --console-hairline-strong: #b9c2ce;
  --console-surface-subtle: var(--muted);
  --skeleton-base: #e4e9ef;
  --skeleton-highlight: #f8fafc;
  --cheapai-background: #f5f7fa;
  --cheapai-foreground: #0b0d12;
}

html.light:has(.cheapai-console[data-slot="sidebar-wrapper"]) body {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --background: #f5f7fa;
  --foreground: #0b0d12;
  --card: #fff;
  --card-foreground: #0b0d12;
  --popover: #fff;
  --popover-foreground: #0b0d12;
  --primary: #7fee64;
  --primary-foreground: #0a0a0a;
  --muted: #edf1f5;
  --secondary: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  html.light:has(.cheapai-console[data-slot="sidebar-wrapper"]) body {
    --secondary: color-mix(in srgb,
    var(--foreground) var(--secondary-mix, 20%),
    var(--background));
  }
}

html.light:has(.cheapai-console[data-slot="sidebar-wrapper"]) body {
  --secondary-foreground: #253040;
  --muted-foreground: #5e6673;
  --accent: #e5eaf2;
  --accent-foreground: #0b0d12;
  --destructive: #c53e4b;
  --destructive-foreground: #fff;
  --success: #187956;
  --success-foreground: #fff;
  --warning: #8b5b0e;
  --warning-foreground: #fff;
  --info: #285f9f;
  --info-foreground: #fff;
  --neutral: #6a7482;
  --neutral-foreground: #fff;
  --border: #d6dce5;
  --input: #b9c2ce;
  --ring: #4caf2f;
  --sidebar: #eef2f6;
  --sidebar-foreground: #253040;
  --sidebar-primary: #7fee64;
  --sidebar-primary-foreground: #0a0a0a;
  --sidebar-accent: #e5eaf2;
  --sidebar-accent-foreground: #0b0d12;
  --sidebar-border: #d6dce5;
  --sidebar-ring: #4caf2f;
  --surface: #fff;
  --surface-foreground: #0b0d12;
  --brand-signal: #7fee64;
  --brand-signal-foreground: #0a0a0a;
  --console-hairline: #d6dce5;
  --console-hairline-strong: #b9c2ce;
  --console-surface-subtle: var(--muted);
  --skeleton-base: #e4e9ef;
  --skeleton-highlight: #f8fafc;
  --cheapai-background: #f5f7fa;
  --cheapai-foreground: #0b0d12;
}

html.light:has(.cheapai-console) .cheapai-console {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --background: #f5f7fa;
  --foreground: #0b0d12;
  --card: #fff;
  --card-foreground: #0b0d12;
  --popover: #fff;
  --popover-foreground: #0b0d12;
  --primary: #7fee64;
  --primary-foreground: #0a0a0a;
  --muted: #edf1f5;
  --secondary: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  html.light:has(.cheapai-console) .cheapai-console {
    --secondary: color-mix(in srgb,
    var(--foreground) var(--secondary-mix, 20%),
    var(--background));
  }
}

html.light:has(.cheapai-console) .cheapai-console {
  --secondary-foreground: #253040;
  --muted-foreground: #5e6673;
  --accent: #e5eaf2;
  --accent-foreground: #0b0d12;
  --destructive: #c53e4b;
  --destructive-foreground: #fff;
  --success: #187956;
  --success-foreground: #fff;
  --warning: #8b5b0e;
  --warning-foreground: #fff;
  --info: #285f9f;
  --info-foreground: #fff;
  --neutral: #6a7482;
  --neutral-foreground: #fff;
  --border: #d6dce5;
  --input: #b9c2ce;
  --ring: #4caf2f;
  --sidebar: #eef2f6;
  --sidebar-foreground: #253040;
  --sidebar-primary: #7fee64;
  --sidebar-primary-foreground: #0a0a0a;
  --sidebar-accent: #e5eaf2;
  --sidebar-accent-foreground: #0b0d12;
  --sidebar-border: #d6dce5;
  --sidebar-ring: #4caf2f;
  --surface: #fff;
  --surface-foreground: #0b0d12;
  --brand-signal: #7fee64;
  --brand-signal-foreground: #0a0a0a;
  --console-hairline: #d6dce5;
  --console-hairline-strong: #b9c2ce;
  --console-surface-subtle: var(--muted);
  --skeleton-base: #e4e9ef;
  --skeleton-highlight: #f8fafc;
  --cheapai-background: #f5f7fa;
  --cheapai-foreground: #0b0d12;
}

html.dark:has(.cheapai-console) {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --background: #0a0a0a;
  --foreground: #fafafa;
  --card: #131313;
  --card-foreground: #fafafa;
  --popover: #1d1d1d;
  --popover-foreground: #fafafa;
  --primary: #7fee64;
  --primary-foreground: #0a0a0a;
  --secondary: #1d1d1d;
  --secondary-foreground: #fafafa;
  --muted: #1d1d1d;
  --muted-foreground: #a7a7a7;
  --accent: #262626;
  --accent-foreground: #fafafa;
  --destructive: #f07878;
  --destructive-foreground: #220909;
  --success: #72d6a0;
  --success-foreground: #071b10;
  --warning: #edc071;
  --warning-foreground: #201608;
  --info: #82aaff;
  --info-foreground: #07112a;
  --neutral: #a7a7a7;
  --neutral-foreground: #0a0a0a;
  --border: #292929;
  --input: #414141;
  --ring: #b4f56a;
  --sidebar: #101010;
  --sidebar-foreground: #fafafa;
  --sidebar-primary: #7fee64;
  --sidebar-primary-foreground: #0a0a0a;
  --sidebar-accent: #1d1d1d;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-border: #292929;
  --sidebar-ring: #b4f56a;
  --surface: #131313;
  --surface-foreground: #fafafa;
  --brand-signal: #b4f56a;
  --brand-signal-foreground: #0a0a0a;
  --console-hairline: #292929;
  --console-hairline-strong: #414141;
  --console-surface-subtle: var(--muted);
  --skeleton-base: #202020;
  --skeleton-highlight: #2b2b2b;
  --cheapai-background: #0a0a0a;
  --cheapai-foreground: #fafafa;
}

html.dark:has(.cheapai-console[data-slot="sidebar-wrapper"]) body {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --background: #0a0a0a;
  --foreground: #fafafa;
  --card: #131313;
  --card-foreground: #fafafa;
  --popover: #1d1d1d;
  --popover-foreground: #fafafa;
  --primary: #7fee64;
  --primary-foreground: #0a0a0a;
  --secondary: #1d1d1d;
  --secondary-foreground: #fafafa;
  --muted: #1d1d1d;
  --muted-foreground: #a7a7a7;
  --accent: #262626;
  --accent-foreground: #fafafa;
  --destructive: #f07878;
  --destructive-foreground: #220909;
  --success: #72d6a0;
  --success-foreground: #071b10;
  --warning: #edc071;
  --warning-foreground: #201608;
  --info: #82aaff;
  --info-foreground: #07112a;
  --neutral: #a7a7a7;
  --neutral-foreground: #0a0a0a;
  --border: #292929;
  --input: #414141;
  --ring: #b4f56a;
  --sidebar: #101010;
  --sidebar-foreground: #fafafa;
  --sidebar-primary: #7fee64;
  --sidebar-primary-foreground: #0a0a0a;
  --sidebar-accent: #1d1d1d;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-border: #292929;
  --sidebar-ring: #b4f56a;
  --surface: #131313;
  --surface-foreground: #fafafa;
  --brand-signal: #b4f56a;
  --brand-signal-foreground: #0a0a0a;
  --console-hairline: #292929;
  --console-hairline-strong: #414141;
  --console-surface-subtle: var(--muted);
  --skeleton-base: #202020;
  --skeleton-highlight: #2b2b2b;
  --cheapai-background: #0a0a0a;
  --cheapai-foreground: #fafafa;
}

html.dark:has(.cheapai-console[data-slot="sidebar-wrapper"]) body:not([data-theme-preset]) {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --background: #0a0a0a;
  --foreground: #fafafa;
  --card: #131313;
  --card-foreground: #fafafa;
  --popover: #1d1d1d;
  --popover-foreground: #fafafa;
  --primary: #7fee64;
  --primary-foreground: #0a0a0a;
  --secondary: #1d1d1d;
  --secondary-foreground: #fafafa;
  --muted: #1d1d1d;
  --muted-foreground: #a7a7a7;
  --accent: #262626;
  --accent-foreground: #fafafa;
  --destructive: #f07878;
  --destructive-foreground: #220909;
  --success: #72d6a0;
  --success-foreground: #071b10;
  --warning: #edc071;
  --warning-foreground: #201608;
  --info: #82aaff;
  --info-foreground: #07112a;
  --neutral: #a7a7a7;
  --neutral-foreground: #0a0a0a;
  --border: #292929;
  --input: #414141;
  --ring: #b4f56a;
  --sidebar: #101010;
  --sidebar-foreground: #fafafa;
  --sidebar-primary: #7fee64;
  --sidebar-primary-foreground: #0a0a0a;
  --sidebar-accent: #1d1d1d;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-border: #292929;
  --sidebar-ring: #b4f56a;
  --surface: #131313;
  --surface-foreground: #fafafa;
  --brand-signal: #b4f56a;
  --brand-signal-foreground: #0a0a0a;
  --console-hairline: #292929;
  --console-hairline-strong: #414141;
  --console-surface-subtle: var(--muted);
  --skeleton-base: #202020;
  --skeleton-highlight: #2b2b2b;
  --cheapai-background: #0a0a0a;
  --cheapai-foreground: #fafafa;
}

html.dark:has(.cheapai-console[data-slot="sidebar-wrapper"]) body[data-theme-preset="default"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --background: #0a0a0a;
  --foreground: #fafafa;
  --card: #131313;
  --card-foreground: #fafafa;
  --popover: #1d1d1d;
  --popover-foreground: #fafafa;
  --primary: #7fee64;
  --primary-foreground: #0a0a0a;
  --secondary: #1d1d1d;
  --secondary-foreground: #fafafa;
  --muted: #1d1d1d;
  --muted-foreground: #a7a7a7;
  --accent: #262626;
  --accent-foreground: #fafafa;
  --destructive: #f07878;
  --destructive-foreground: #220909;
  --success: #72d6a0;
  --success-foreground: #071b10;
  --warning: #edc071;
  --warning-foreground: #201608;
  --info: #82aaff;
  --info-foreground: #07112a;
  --neutral: #a7a7a7;
  --neutral-foreground: #0a0a0a;
  --border: #292929;
  --input: #414141;
  --ring: #b4f56a;
  --sidebar: #101010;
  --sidebar-foreground: #fafafa;
  --sidebar-primary: #7fee64;
  --sidebar-primary-foreground: #0a0a0a;
  --sidebar-accent: #1d1d1d;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-border: #292929;
  --sidebar-ring: #b4f56a;
  --surface: #131313;
  --surface-foreground: #fafafa;
  --brand-signal: #b4f56a;
  --brand-signal-foreground: #0a0a0a;
  --console-hairline: #292929;
  --console-hairline-strong: #414141;
  --console-surface-subtle: var(--muted);
  --skeleton-base: #202020;
  --skeleton-highlight: #2b2b2b;
  --cheapai-background: #0a0a0a;
  --cheapai-foreground: #fafafa;
}

html.dark:has(.cheapai-console[data-slot="sidebar-wrapper"]) body:not([data-theme-preset]) .cheapai-console[data-slot="sidebar-wrapper"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --background: #0a0a0a;
  --foreground: #fafafa;
  --card: #131313;
  --card-foreground: #fafafa;
  --popover: #1d1d1d;
  --popover-foreground: #fafafa;
  --primary: #7fee64;
  --primary-foreground: #0a0a0a;
  --secondary: #1d1d1d;
  --secondary-foreground: #fafafa;
  --muted: #1d1d1d;
  --muted-foreground: #a7a7a7;
  --accent: #262626;
  --accent-foreground: #fafafa;
  --destructive: #f07878;
  --destructive-foreground: #220909;
  --success: #72d6a0;
  --success-foreground: #071b10;
  --warning: #edc071;
  --warning-foreground: #201608;
  --info: #82aaff;
  --info-foreground: #07112a;
  --neutral: #a7a7a7;
  --neutral-foreground: #0a0a0a;
  --border: #292929;
  --input: #414141;
  --ring: #b4f56a;
  --sidebar: #101010;
  --sidebar-foreground: #fafafa;
  --sidebar-primary: #7fee64;
  --sidebar-primary-foreground: #0a0a0a;
  --sidebar-accent: #1d1d1d;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-border: #292929;
  --sidebar-ring: #b4f56a;
  --surface: #131313;
  --surface-foreground: #fafafa;
  --brand-signal: #b4f56a;
  --brand-signal-foreground: #0a0a0a;
  --console-hairline: #292929;
  --console-hairline-strong: #414141;
  --console-surface-subtle: var(--muted);
  --skeleton-base: #202020;
  --skeleton-highlight: #2b2b2b;
  --cheapai-background: #0a0a0a;
  --cheapai-foreground: #fafafa;
}

html.dark:has(.cheapai-console[data-slot="sidebar-wrapper"]) body[data-theme-preset="default"] .cheapai-console[data-slot="sidebar-wrapper"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --background: #0a0a0a;
  --foreground: #fafafa;
  --card: #131313;
  --card-foreground: #fafafa;
  --popover: #1d1d1d;
  --popover-foreground: #fafafa;
  --primary: #7fee64;
  --primary-foreground: #0a0a0a;
  --secondary: #1d1d1d;
  --secondary-foreground: #fafafa;
  --muted: #1d1d1d;
  --muted-foreground: #a7a7a7;
  --accent: #262626;
  --accent-foreground: #fafafa;
  --destructive: #f07878;
  --destructive-foreground: #220909;
  --success: #72d6a0;
  --success-foreground: #071b10;
  --warning: #edc071;
  --warning-foreground: #201608;
  --info: #82aaff;
  --info-foreground: #07112a;
  --neutral: #a7a7a7;
  --neutral-foreground: #0a0a0a;
  --border: #292929;
  --input: #414141;
  --ring: #b4f56a;
  --sidebar: #101010;
  --sidebar-foreground: #fafafa;
  --sidebar-primary: #7fee64;
  --sidebar-primary-foreground: #0a0a0a;
  --sidebar-accent: #1d1d1d;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-border: #292929;
  --sidebar-ring: #b4f56a;
  --surface: #131313;
  --surface-foreground: #fafafa;
  --brand-signal: #b4f56a;
  --brand-signal-foreground: #0a0a0a;
  --console-hairline: #292929;
  --console-hairline-strong: #414141;
  --console-surface-subtle: var(--muted);
  --skeleton-base: #202020;
  --skeleton-highlight: #2b2b2b;
  --cheapai-background: #0a0a0a;
  --cheapai-foreground: #fafafa;
}

html.dark:has(.cheapai-console) .cheapai-console {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --background: #0a0a0a;
  --foreground: #fafafa;
  --card: #131313;
  --card-foreground: #fafafa;
  --popover: #1d1d1d;
  --popover-foreground: #fafafa;
  --primary: #7fee64;
  --primary-foreground: #0a0a0a;
  --secondary: #1d1d1d;
  --secondary-foreground: #fafafa;
  --muted: #1d1d1d;
  --muted-foreground: #a7a7a7;
  --accent: #262626;
  --accent-foreground: #fafafa;
  --destructive: #f07878;
  --destructive-foreground: #220909;
  --success: #72d6a0;
  --success-foreground: #071b10;
  --warning: #edc071;
  --warning-foreground: #201608;
  --info: #82aaff;
  --info-foreground: #07112a;
  --neutral: #a7a7a7;
  --neutral-foreground: #0a0a0a;
  --border: #292929;
  --input: #414141;
  --ring: #b4f56a;
  --sidebar: #101010;
  --sidebar-foreground: #fafafa;
  --sidebar-primary: #7fee64;
  --sidebar-primary-foreground: #0a0a0a;
  --sidebar-accent: #1d1d1d;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-border: #292929;
  --sidebar-ring: #b4f56a;
  --surface: #131313;
  --surface-foreground: #fafafa;
  --brand-signal: #b4f56a;
  --brand-signal-foreground: #0a0a0a;
  --console-hairline: #292929;
  --console-hairline-strong: #414141;
  --console-surface-subtle: var(--muted);
  --skeleton-base: #202020;
  --skeleton-highlight: #2b2b2b;
  --cheapai-background: #0a0a0a;
  --cheapai-foreground: #fafafa;
}

:is(html.light:has(.cheapai-console[data-slot="sidebar-wrapper"]) body, html.dark:has(.cheapai-console[data-slot="sidebar-wrapper"]) body) {
  background: var(--background) !important;
  color: var(--foreground) !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="card"], [data-slot="table-container"], [data-slot="data-table-frame"], [data-slot="dialog-content"]) {
  border-radius: var(--console-panel-radius);
  border-color: var(--console-hairline-strong);
  box-shadow: none;
}

.cheapai-console [data-slot="app-header"], .cheapai-console [data-slot="sidebar-header"], .cheapai-console [data-slot="console-footer"] {
  background: var(--card);
  border-color: var(--console-hairline);
}

.cheapai-console [data-slot="sidebar-inner"] {
  background: var(--sidebar);
  box-shadow: none;
}

.cheapai-console [data-sidebar="menu-button"]:is(:hover, :focus-visible), .cheapai-console [data-sidebar="menu-sub-button"]:is(:hover, :focus-visible) {
  background: var(--sidebar-accent);
  color: var(--sidebar-accent-foreground);
}

.cheapai-console :is([data-sidebar="menu-button"], [data-sidebar="menu-sub-button"])[data-active] {
  background: var(--brand-signal);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console :is([data-sidebar="menu-button"], [data-sidebar="menu-sub-button"])[data-active] {
    background: color-mix(in srgb, var(--brand-signal) 12%, var(--sidebar));
  }
}

.cheapai-console :is([data-sidebar="menu-button"], [data-sidebar="menu-sub-button"])[data-active] {
  box-shadow: inset 0 0 0 1px var(--brand-signal);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console :is([data-sidebar="menu-button"], [data-sidebar="menu-sub-button"])[data-active] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-signal) 26%, transparent);
  }
}

.cheapai-console :is([data-sidebar="menu-button"], [data-sidebar="menu-sub-button"])[data-active] {
  color: var(--sidebar-foreground);
}

.cheapai-console [data-sidebar="menu-button"][data-active]:before, .cheapai-console [data-sidebar="menu-sub-button"][data-active]:before {
  background: var(--brand-signal);
}

.cheapai-console [data-slot="section-page-title"], .cheapai-console [data-slot="card-title"], .cheapai-console [data-slot="system-brand-name"] {
  font-family: "Zashmodel Inter", var(--font-ui);
}

.cheapai-console :is([data-slot="button"], [data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"], [data-slot="combobox-trigger"], [data-slot="tabs-trigger"]) {
  border-radius: var(--console-control-radius);
}

.cheapai-console :is([data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"], [data-slot="combobox-trigger"]) {
  border-color: var(--input);
  background: var(--card);
  color: var(--foreground);
}

.cheapai-console [data-slot="tabs-trigger"][data-active] {
  background: var(--brand-signal);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console [data-slot="tabs-trigger"][data-active] {
    background: color-mix(in srgb, var(--brand-signal) 12%, var(--card));
  }
}

.cheapai-console [data-slot="tabs-trigger"][data-active] {
  color: var(--foreground);
}

.cheapai-console [data-slot="table-header"] {
  background: var(--console-surface-subtle);
}

.cheapai-console [data-slot="table-row"]:hover {
  background: var(--brand-signal);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console [data-slot="table-row"]:hover {
    background: color-mix(in srgb, var(--brand-signal) 6%, var(--card));
  }
}

.cheapai-console :is([data-slot="button"], [data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"]):focus-visible {
  border-color: var(--ring);
  box-shadow: 0 0 0 2px var(--ring);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console :is([data-slot="button"], [data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"]):focus-visible {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ring) 25%, transparent);
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class~="text-red-500"], [class~="text-red-600"], [class~="text-red-700"], [class~="text-red-800"], [class~="text-red-900"], [class~="text-red-400"], [class~="dark:text-red-400"], [class~="text-rose-500"], [class~="text-rose-600"], [class~="text-rose-700"], [class~="text-rose-400"], [class~="dark:text-rose-400"]) {
  color: var(--destructive) !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class~="bg-red-50"], [class~="bg-red-100"], [class~="bg-red-500/10"], [class~="bg-red-500/15"], [class~="dark:bg-red-500/10"], [class~="dark:bg-red-950/30"], [class~="dark:bg-red-950/50"], [class~="bg-rose-50"], [class~="bg-rose-500/10"], [class~="dark:bg-rose-500/10"]) {
  background: var(--destructive) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class~="bg-red-50"], [class~="bg-red-100"], [class~="bg-red-500/10"], [class~="bg-red-500/15"], [class~="dark:bg-red-500/10"], [class~="dark:bg-red-950/30"], [class~="dark:bg-red-950/50"], [class~="bg-rose-50"], [class~="bg-rose-500/10"], [class~="dark:bg-rose-500/10"]) {
    background: color-mix(in srgb, var(--destructive) 10%, var(--card)) !important;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class~="border-red-200"], [class~="border-red-500/20"], [class~="border-red-800"], [class~="dark:border-red-500/40"], [class~="dark:border-red-800"], [class~="border-rose-200"], [class~="border-rose-500/20"]) {
  border-color: var(--destructive) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class~="border-red-200"], [class~="border-red-500/20"], [class~="border-red-800"], [class~="dark:border-red-500/40"], [class~="dark:border-red-800"], [class~="border-rose-200"], [class~="border-rose-500/20"]) {
    border-color: color-mix(in srgb, var(--destructive) 42%, var(--border)) !important;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class~="text-green-500"], [class~="text-green-600"], [class~="text-green-700"], [class~="text-green-400"], [class~="dark:text-green-400"], [class~="text-emerald-500"], [class~="text-emerald-600"], [class~="text-emerald-700"], [class~="text-emerald-400"], [class~="dark:text-emerald-400"]) {
  color: var(--success) !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class~="bg-green-50"], [class~="bg-green-100"], [class~="bg-green-500/10"], [class~="bg-green-500/15"], [class~="dark:bg-green-500/10"], [class~="dark:bg-green-950/30"], [class~="bg-emerald-50"], [class~="bg-emerald-100"], [class~="bg-emerald-500/10"], [class~="bg-emerald-500/15"], [class~="dark:bg-emerald-500/10"]) {
  background: var(--success) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class~="bg-green-50"], [class~="bg-green-100"], [class~="bg-green-500/10"], [class~="bg-green-500/15"], [class~="dark:bg-green-500/10"], [class~="dark:bg-green-950/30"], [class~="bg-emerald-50"], [class~="bg-emerald-100"], [class~="bg-emerald-500/10"], [class~="bg-emerald-500/15"], [class~="dark:bg-emerald-500/10"]) {
    background: color-mix(in srgb, var(--success) 10%, var(--card)) !important;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class~="border-green-200"], [class~="border-green-500/20"], [class~="dark:border-green-500/40"], [class~="border-emerald-200"], [class~="border-emerald-500/20"], [class~="dark:border-emerald-500/40"]) {
  border-color: var(--success) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class~="border-green-200"], [class~="border-green-500/20"], [class~="dark:border-green-500/40"], [class~="border-emerald-200"], [class~="border-emerald-500/20"], [class~="dark:border-emerald-500/40"]) {
    border-color: color-mix(in srgb, var(--success) 42%, var(--border)) !important;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class~="text-amber-500"], [class~="text-amber-700"], [class~="text-amber-800"], [class~="text-amber-400"], [class~="dark:text-amber-200"], [class~="text-orange-500"], [class~="text-orange-600"], [class~="text-orange-700"], [class~="text-orange-400"], [class~="dark:text-orange-300"]) {
  color: var(--warning) !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class~="bg-amber-50"], [class~="bg-amber-100"], [class~="bg-amber-500/10"], [class~="dark:bg-amber-500/10"], [class~="bg-orange-500/10"], [class~="dark:bg-orange-500/10"]) {
  background: var(--warning) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class~="bg-amber-50"], [class~="bg-amber-100"], [class~="bg-amber-500/10"], [class~="dark:bg-amber-500/10"], [class~="bg-orange-500/10"], [class~="dark:bg-orange-500/10"]) {
    background: color-mix(in srgb, var(--warning) 10%, var(--card)) !important;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="text-red-"], [class*="text-rose-"]) {
  color: var(--destructive) !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="bg-red-"], [class*="bg-rose-"]) {
  background: var(--destructive) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="bg-red-"], [class*="bg-rose-"]) {
    background: color-mix(in srgb, var(--destructive) 10%, var(--card)) !important;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="border-red-"], [class*="border-rose-"]) {
  border-color: var(--destructive) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="border-red-"], [class*="border-rose-"]) {
    border-color: color-mix(in srgb, var(--destructive) 42%, var(--border)) !important;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="text-green-"], [class*="text-emerald-"]) {
  color: var(--success) !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="bg-green-"], [class*="bg-emerald-"]) {
  background: var(--success) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="bg-green-"], [class*="bg-emerald-"]) {
    background: color-mix(in srgb, var(--success) 10%, var(--card)) !important;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="border-green-"], [class*="border-emerald-"]) {
  border-color: var(--success) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="border-green-"], [class*="border-emerald-"]) {
    border-color: color-mix(in srgb, var(--success) 42%, var(--border)) !important;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="text-amber-"], [class*="text-orange-"]) {
  color: var(--warning) !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="bg-amber-"], [class*="bg-orange-"]) {
  background: var(--warning) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="bg-amber-"], [class*="bg-orange-"]) {
    background: color-mix(in srgb, var(--warning) 10%, var(--card)) !important;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="border-amber-"], [class*="border-orange-"]) {
  border-color: var(--warning) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="border-amber-"], [class*="border-orange-"]) {
    border-color: color-mix(in srgb, var(--warning) 42%, var(--border)) !important;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="text-blue-"], [class*="text-sky-"], [class*="text-indigo-"]) {
  color: var(--brand-signal) !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="bg-blue-"], [class*="bg-sky-"], [class*="bg-indigo-"]) {
  background: var(--brand-signal) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :where([class*="bg-blue-"], [class*="bg-sky-"], [class*="bg-indigo-"]) {
    background: color-mix(in srgb, var(--brand-signal) 10%, var(--card)) !important;
  }
}

.cheapai-console [data-sidebar="content"] {
  padding-block: .5rem 1.25rem;
}

.cheapai-console [data-sidebar="group"] {
  padding-block: .75rem .25rem;
}

.cheapai-console [data-sidebar="group"] + [data-sidebar="group"] {
  margin-top: .25rem;
}

.cheapai-console [data-sidebar="group-label"] {
  height: 1.75rem;
  color: var(--sidebar-foreground);
  padding-inline: .625rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console [data-sidebar="group-label"] {
    color: color-mix(in srgb, var(--sidebar-foreground) 52%, transparent);
  }
}

.cheapai-console [data-sidebar="group-label"] {
  letter-spacing: .1em;
  font-size: .625rem;
  font-weight: 700;
}

.cheapai-console [data-nav-group="overview"] [data-sidebar="group-label"] {
  color: var(--brand-signal);
}

.cheapai-console [data-nav-group="models-routing"] [data-sidebar="group-label"] {
  color: var(--info);
}

.cheapai-console [data-nav-group="analytics"] [data-sidebar="group-label"] {
  color: var(--brand-signal);
}

.cheapai-console [data-nav-group="users-growth"] [data-sidebar="group-label"] {
  color: var(--success);
}

.cheapai-console [data-nav-group="billing"] [data-sidebar="group-label"] {
  color: var(--warning);
}

.cheapai-console [data-nav-group="content-system"] [data-sidebar="group-label"] {
  color: var(--muted-foreground);
}

.cheapai-console [data-sidebar="menu"] {
  gap: .125rem;
}

.cheapai-console [data-utm-filter-grid] {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  gap: .75rem;
  display: grid;
}

.cheapai-console .console-filter-field {
  border-radius: var(--console-control-radius);
  background: var(--console-surface-subtle);
  align-content: start;
  gap: .375rem;
  min-width: 0;
  padding: .75rem;
  display: grid;
}

.cheapai-console .console-filter-label {
  min-width: 0;
  color: var(--foreground);
  letter-spacing: .045em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: .6875rem;
  font-weight: 700;
  line-height: 1.1rem;
  overflow: hidden;
}

.cheapai-console .console-filter-field select {
  border-color: var(--input);
  background: var(--card);
  width: 100%;
  min-width: 0;
  min-height: 2.5rem;
  font-size: .8125rem;
}

.cheapai-console .console-filter-help {
  min-height: 2.25rem;
  color: var(--muted-foreground);
  font-size: .6875rem;
  line-height: 1.125rem;
}

.cheapai-console .utm-filter-card-header {
  border-bottom: 0;
}

.cheapai-console .utm-filter-card-content {
  padding-top: 0;
}

.cheapai-console .console-context-alert {
  border: 0;
  border-inline-start: 2px solid var(--brand-signal);
  border-radius: 0 var(--console-control-radius) var(--console-control-radius) 0;
  background: var(--brand-signal);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-console .console-context-alert {
    background: color-mix(in srgb, var(--brand-signal) 7%, var(--card));
  }
}

@media (max-width: 1023px) {
  .cheapai-console [data-utm-filter-grid] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  }
}

@media (max-width: 767px) {
  .cheapai-console [data-utm-filter-grid] {
    grid-template-columns: minmax(0, 1fr);
  }

  .cheapai-console .console-filter-help {
    min-height: 0;
  }

  .cheapai-console .utm-filter-actions {
    justify-content: flex-start;
    width: 100%;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="sheet-overlay"], [data-slot="drawer-overlay"]), :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="dialog-overlay"] {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #04070c7a;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="dialog-content"] {
  border-color: var(--console-hairline-strong);
  background: var(--popover);
  max-height: min(90dvh, 56rem);
  color: var(--popover-foreground);
  box-shadow: 0 18px 50px -32px #00000094;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="dialog-header"] {
  min-width: 0;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="dialog-footer"] {
  border-color: var(--console-hairline);
  background: var(--popover);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="sheet-content"] {
  border-color: var(--console-hairline-strong);
  background: var(--popover);
  max-width: min(42rem, 100vw);
  color: var(--popover-foreground);
  overscroll-behavior: contain;
  overflow: hidden auto;
  box-shadow: -18px 0 48px -38px #00000094;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="drawer-content"] {
  border-color: var(--console-hairline-strong);
  background: var(--popover);
  max-height: min(92dvh, 56rem);
  color: var(--popover-foreground);
  overscroll-behavior: contain;
  overflow: hidden auto;
  box-shadow: 0 -18px 48px -38px #00000094;
}

body:has(.cheapai-console[data-slot="sidebar-wrapper"]) {
  --console-panel-padding: clamp(1.125rem, .75rem + .7vw, 1.75rem);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="sheet-header"], [data-slot="drawer-header"]) {
  border-bottom: 1px solid var(--console-hairline);
  background: var(--popover);
  padding: 1rem var(--console-panel-padding);
  flex: none;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="sheet-footer"], [data-slot="drawer-footer"]) {
  z-index: 2;
  border-top: 1px solid var(--console-hairline);
  background: var(--popover);
  padding: .875rem var(--console-panel-padding);
  flex: none;
  position: sticky;
  bottom: 0;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="sheet-content"] > :not([data-slot="sheet-header"]):not([data-slot="sheet-footer"]):not([data-slot="sheet-close"]) {
  min-width: 0;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="sheet-body"], [data-slot="drawer-body"]) {
  padding: 1rem var(--console-panel-padding);
}

@media (max-width: 767px) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="sheet-content"][data-side="left"], [data-slot="sheet-content"][data-side="right"]) {
    width: 100%;
    max-width: none;
  }

  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="sheet-content"] {
    padding-bottom: env(safe-area-inset-bottom);
  }

  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="drawer-content"] {
    border-radius: var(--console-panel-radius) var(--console-panel-radius) 0 0;
    width: 100%;
    max-width: none;
    padding-bottom: env(safe-area-inset-bottom);
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) {
  --border: #0b0d121f !important;
  --sidebar-border: #0b0d121a !important;
  --input: #0b0d1233 !important;
  --console-hairline: #0b0d1217 !important;
  --console-hairline-strong: #0b0d1224 !important;
  --console-input-border: #0b0d1233 !important;
  --console-surface-subtle: var(--muted) !important;
  --console-surface-group: var(--card) !important;
}

@supports (color: color-mix(in srgb, black, white)) {
  :is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) {
    --border: color-mix(in srgb, var(--foreground) 12%, transparent) !important;
    --sidebar-border: color-mix(in srgb,
      var(--foreground) 10%,
      transparent) !important;
    --input: color-mix(in srgb, var(--foreground) 20%, transparent) !important;
    --console-hairline: color-mix(in srgb,
      var(--foreground) 9%,
      transparent) !important;
    --console-hairline-strong: color-mix(in srgb,
      var(--foreground) 14%,
      transparent) !important;
    --console-input-border: color-mix(in srgb,
      var(--foreground) 20%,
      transparent) !important;
    --console-surface-subtle: color-mix(in srgb,
      var(--foreground) var(--surface-subtle-mix, 3%),
      var(--muted)) !important;
    --console-surface-group: var(--card) !important;
  }
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="card"] {
  --tw-ring-shadow: 0 0 #0000 !important;
  --tw-inset-ring-shadow: 0 0 #0000 !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="card"][data-surface-role="static"]:not([class^="border"]):not([class*=" border"]) {
  border: 1px solid var(--console-hairline-strong) !important;
  box-shadow: none !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="card"] > [data-slot="card-header"] {
  padding-block: 1rem;
  padding-inline: var(--console-panel-padding);
  background: none;
  border-bottom: 1px solid var(--console-hairline) !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="card"] > [data-slot="card-footer"] {
  padding-block: .875rem;
  padding-inline: var(--console-panel-padding);
  background: none;
  border-top: 1px solid var(--console-hairline) !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="data-table-frame"], [data-slot="console-panel"], [data-slot="mobile-card-list"], [data-slot="usage-logs-mobile-list"]) {
  border-radius: var(--console-panel-radius);
  background: var(--console-surface-group);
  border: 1px solid var(--console-hairline-strong) !important;
  box-shadow: none !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="table-container"] {
  background: none;
  border-radius: 0;
  box-shadow: none !important;
  border: 0 !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="console-panel-header"] {
  padding-block: 1rem;
  padding-inline: var(--console-panel-padding);
  background: none;
  border-bottom: 1px solid var(--console-hairline) !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="table-row"] {
  border-color: var(--console-hairline) !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="mobile-card-list"], [data-slot="usage-logs-mobile-list"]) > :not(:last-child) {
  border-bottom-color: var(--console-hairline);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="console-form-surface"], [data-slot="data-table-toolbar"]:not([data-variant="compact"])) {
  border-radius: var(--console-panel-radius);
  border: 1px solid var(--console-hairline-strong) !important;
  background: var(--console-surface-group) !important;
  box-shadow: none !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="console-form-surface"] [data-slot="field-set"] {
  background: none;
  border: 0;
  padding: 0;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="separator"] {
  background: var(--console-hairline);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs-list"]:not([data-variant="line"]) {
  background: var(--console-surface-subtle);
  border: 0 !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs-list"]:not([data-variant="line"]) > [data-slot="tabs-trigger"][data-active] {
  background: var(--card);
  border-color: #0000 !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="tabs-list"][data-variant="line"] {
  border-color: var(--console-hairline) !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"], [data-slot="combobox-trigger"]):not(:focus-visible) {
  border-color: var(--console-input-border);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="settings-control-group"] {
  background: none;
  border: 0 !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-slot="settings-control-children"] {
  border-inline-start-color: var(--console-hairline);
  background: none;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-settings-switch-row="true"] {
  border-color: var(--console-hairline);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-slot="side-drawer-section"], .console-drawer-section) {
  border-bottom-color: var(--console-hairline);
  background: none;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) .console-drawer-switch-row {
  border-color: var(--console-hairline);
  background: none;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-surface-role="static"], [data-surface-role="interactive"]) {
  --tw-ring-shadow: 0 0 #0000 !important;
  --tw-inset-ring-shadow: 0 0 #0000 !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-surface-role="static"]:not([class^="border"]):not([class*=" border"]) {
  box-shadow: none !important;
  border: 0 !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-surface-role="static"], [data-surface-role="interactive"]):has( > [data-slot="card-header"]) {
  gap: 0;
  padding-block: 0 !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-surface-role="static"], [data-surface-role="interactive"]) > [data-slot="card-header"] {
  background: var(--console-surface-subtle);
  padding-block: 1rem;
  padding-inline: var(--console-panel-padding);
  border-bottom: 0 !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-surface-role="static"], [data-surface-role="interactive"]):has( > [data-slot="card-header"]) > [data-slot="card-content"] {
  padding-block: 1rem;
  padding-inline: var(--console-panel-padding);
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) :is([data-surface-role="static"], [data-surface-role="interactive"]) > [data-slot="card-footer"] {
  background: var(--console-surface-subtle);
  padding-block: .875rem;
  padding-inline: var(--console-panel-padding);
  border-top: 0 !important;
}

:is(.cheapai-console, body:has(.cheapai-console[data-slot="sidebar-wrapper"])) [data-usage-panel]:is([data-surface-role="static"], [data-surface-role="interactive"]) > [data-slot="card-header"] {
  border-bottom: 1px solid var(--console-hairline) !important;
  background: var(--card) !important;
}

[data-usage-panel] {
  --token-composition-output: #0891b2;
}

.dark [data-usage-panel] {
  --token-composition-output: #22d3ee;
}

@media (prefers-reduced-motion: reduce) {
  :is(.mf-overlay-backdrop-motion, .mf-overlay-dialog-motion, .mf-overlay-sheet-motion, .mf-overlay-popup-motion, [data-slot="drawer-overlay"], [data-slot="drawer-content"]) {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  :is(.mf-overlay-dialog-motion, .mf-overlay-popup-motion):is([data-starting-style], [data-ending-style]) {
    transform: none !important;
  }

  .mf-overlay-sheet-motion:is([data-starting-style], [data-ending-style]) {
    translate: none !important;
  }
}

:is([data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"], [data-slot="select-content"], [data-slot="combobox-content"], [data-slot="context-menu-content"], [data-slot="context-menu-sub-content"], [data-slot="menubar-content"], [data-slot="menubar-sub-content"], [data-slot="popover-content"], [data-slot="hover-card-content"], [data-profile-menu], .landing-language-menu, .theme-switch-menu) {
  border: 1px solid var(--overlay-menu-border);
  border-radius: var(--overlay-menu-radius);
  background: var(--popover);
  color: var(--popover-foreground);
  box-shadow: var(--overlay-menu-shadow);
}

:is([data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"], [data-slot="select-content"], [data-slot="combobox-content"], [data-slot="context-menu-content"], [data-slot="context-menu-sub-content"], [data-slot="menubar-content"], [data-slot="menubar-sub-content"]) {
  padding: var(--overlay-menu-padding);
  font-size: var(--overlay-menu-font-size);
  font-weight: var(--overlay-menu-font-weight);
  line-height: var(--overlay-menu-line-height);
}

:is([data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"], [data-slot="dropdown-menu-group"], [data-slot="dropdown-menu-radio-group"], [data-slot="select-list"], [data-slot="select-group"], [data-slot="combobox-list"], [data-slot="context-menu-content"], [data-slot="context-menu-sub-content"], [data-slot="context-menu-group"], [data-slot="context-menu-radio-group"], [data-slot="menubar-content"]) {
  gap: var(--overlay-menu-gap);
  flex-direction: column;
  display: flex;
}

[data-slot="select-content"], [data-slot="combobox-content"] {
  flex-direction: column;
  display: flex;
}

[data-slot="combobox-list"] {
  padding: 0;
}

[data-slot="combobox-content"] > [data-slot="input-group"] {
  margin: 0 0 var(--overlay-menu-gap);
}

:is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-sub-trigger"], [data-slot="select-item"], [data-slot="combobox-item"], [data-slot="context-menu-item"], [data-slot="context-menu-checkbox-item"], [data-slot="context-menu-radio-item"], [data-slot="context-menu-sub-trigger"], [data-slot="menubar-item"], [data-slot="menubar-checkbox-item"], [data-slot="menubar-radio-item"], [data-slot="menubar-sub-trigger"]) {
  min-height: var(--overlay-menu-item-min-height);
  gap: var(--overlay-menu-item-gap);
  border-radius: var(--overlay-menu-item-radius);
  padding-block: var(--overlay-menu-item-padding-block);
  padding-inline: var(--overlay-menu-item-padding-inline);
  color: var(--popover-foreground);
  font-size: var(--overlay-menu-font-size);
  font-weight: var(--overlay-menu-font-weight);
  line-height: var(--overlay-menu-line-height);
  letter-spacing: -.005em;
  transition: background-color .12s, color .12s;
}

:is([data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="select-item"], [data-slot="combobox-item"], [data-slot="context-menu-checkbox-item"], [data-slot="context-menu-radio-item"], [data-slot="menubar-checkbox-item"], [data-slot="menubar-radio-item"]) {
  padding-inline-end: 2rem;
}

:is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-sub-trigger"], [data-slot="select-item"], [data-slot="combobox-item"], [data-slot="context-menu-item"], [data-slot="context-menu-checkbox-item"], [data-slot="context-menu-radio-item"], [data-slot="context-menu-sub-trigger"], [data-slot="menubar-item"], [data-slot="menubar-sub-trigger"])[data-inset] {
  padding-inline-start: 1.75rem;
}

:is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-sub-trigger"], [data-slot="select-item"], [data-slot="combobox-item"], [data-slot="context-menu-item"], [data-slot="context-menu-checkbox-item"], [data-slot="context-menu-radio-item"], [data-slot="context-menu-sub-trigger"], [data-slot="menubar-item"], [data-slot="menubar-checkbox-item"], [data-slot="menubar-radio-item"], [data-slot="menubar-sub-trigger"]):is(:hover, :focus, :focus-visible, [data-highlighted], [data-popup-open], [data-open]):not([data-disabled], :disabled) {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-sub-trigger"], [data-slot="select-item"], [data-slot="combobox-item"], [data-slot="context-menu-item"], [data-slot="context-menu-checkbox-item"], [data-slot="context-menu-radio-item"], [data-slot="context-menu-sub-trigger"], [data-slot="menubar-item"], [data-slot="menubar-checkbox-item"], [data-slot="menubar-radio-item"], [data-slot="menubar-sub-trigger"]):is(:hover, :focus, :focus-visible, [data-highlighted], [data-popup-open], [data-open]):not([data-disabled], :disabled) {
    background: color-mix(in srgb,
    var(--foreground) var(--overlay-menu-hover-mix),
    var(--popover));
  }
}

:is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-sub-trigger"], [data-slot="select-item"], [data-slot="combobox-item"], [data-slot="context-menu-item"], [data-slot="context-menu-checkbox-item"], [data-slot="context-menu-radio-item"], [data-slot="context-menu-sub-trigger"], [data-slot="menubar-item"], [data-slot="menubar-checkbox-item"], [data-slot="menubar-radio-item"], [data-slot="menubar-sub-trigger"]):is(:hover, :focus, :focus-visible, [data-highlighted], [data-popup-open], [data-open]):not([data-disabled], :disabled) {
  color: var(--popover-foreground);
}

:is([data-slot="dropdown-menu-radio-item"], [data-slot="select-item"], [data-slot="combobox-item"], [data-slot="context-menu-radio-item"], [data-slot="menubar-radio-item"]):not([aria-checked="true"], [data-checked], [data-selected]) {
  color: var(--popover-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-slot="dropdown-menu-radio-item"], [data-slot="select-item"], [data-slot="combobox-item"], [data-slot="context-menu-radio-item"], [data-slot="menubar-radio-item"]):not([aria-checked="true"], [data-checked], [data-selected]) {
    color: color-mix(in srgb, var(--popover-foreground) 72%, transparent);
  }
}

:is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="select-item"], [data-slot="combobox-item"], [data-slot="context-menu-item"]):is([aria-checked="true"], [data-checked], [data-selected]) {
  color: var(--popover-foreground);
}

[data-slot="dropdown-menu-item"][data-variant="destructive"], [data-slot="context-menu-item"][data-variant="destructive"], [data-slot="menubar-item"][data-variant="destructive"] {
  color: var(--destructive);
}

[data-slot="dropdown-menu-item"][data-variant="destructive"]:is(:hover, :focus, :focus-visible, [data-highlighted]):not([data-disabled], :disabled), [data-slot="context-menu-item"][data-variant="destructive"]:is(:hover, :focus, :focus-visible, [data-highlighted]):not([data-disabled], :disabled), [data-slot="menubar-item"][data-variant="destructive"]:is(:hover, :focus, :focus-visible, [data-highlighted]):not([data-disabled], :disabled) {
  background: var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  [data-slot="dropdown-menu-item"][data-variant="destructive"]:is(:hover, :focus, :focus-visible, [data-highlighted]):not([data-disabled], :disabled), [data-slot="context-menu-item"][data-variant="destructive"]:is(:hover, :focus, :focus-visible, [data-highlighted]):not([data-disabled], :disabled), [data-slot="menubar-item"][data-variant="destructive"]:is(:hover, :focus, :focus-visible, [data-highlighted]):not([data-disabled], :disabled) {
    background: color-mix(in srgb, var(--destructive) 11%, var(--popover));
  }
}

[data-slot="dropdown-menu-item"][data-variant="destructive"]:is(:hover, :focus, :focus-visible, [data-highlighted]):not([data-disabled], :disabled), [data-slot="context-menu-item"][data-variant="destructive"]:is(:hover, :focus, :focus-visible, [data-highlighted]):not([data-disabled], :disabled), [data-slot="menubar-item"][data-variant="destructive"]:is(:hover, :focus, :focus-visible, [data-highlighted]):not([data-disabled], :disabled) {
  color: var(--destructive);
}

:is([data-slot="dropdown-menu-label"], [data-slot="select-label"], [data-slot="combobox-label"], [data-slot="context-menu-label"], [data-slot="menubar-label"]) {
  padding-block: .375rem .25rem;
  padding-inline: var(--overlay-menu-item-padding-inline);
  color: var(--popover-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-slot="dropdown-menu-label"], [data-slot="select-label"], [data-slot="combobox-label"], [data-slot="context-menu-label"], [data-slot="menubar-label"]) {
    color: color-mix(in srgb, var(--popover-foreground) 64%, transparent);
  }
}

:is([data-slot="dropdown-menu-label"], [data-slot="select-label"], [data-slot="combobox-label"], [data-slot="context-menu-label"], [data-slot="menubar-label"]) {
  font-size: var(--overlay-menu-label-size);
  letter-spacing: .04em;
  font-weight: 600;
  line-height: 1rem;
}

:is([data-slot="dropdown-menu-shortcut"], [data-slot="context-menu-shortcut"], [data-slot="menubar-shortcut"]) {
  color: var(--popover-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-slot="dropdown-menu-shortcut"], [data-slot="context-menu-shortcut"], [data-slot="menubar-shortcut"]) {
    color: color-mix(in srgb, var(--popover-foreground) 56%, transparent);
  }
}

:is([data-slot="dropdown-menu-shortcut"], [data-slot="context-menu-shortcut"], [data-slot="menubar-shortcut"]) {
  font-size: var(--overlay-menu-label-size);
  letter-spacing: .06em;
  font-weight: 450;
}

:is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="select-item"], [data-slot="combobox-item"], [data-slot="context-menu-item"]):is(:hover, :focus, [data-highlighted]) :is([data-slot="dropdown-menu-shortcut"], [data-slot="context-menu-shortcut"], [data-slot="menubar-shortcut"]) {
  color: var(--popover-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-slot="dropdown-menu-item"], [data-slot="dropdown-menu-checkbox-item"], [data-slot="dropdown-menu-radio-item"], [data-slot="select-item"], [data-slot="combobox-item"], [data-slot="context-menu-item"]):is(:hover, :focus, [data-highlighted]) :is([data-slot="dropdown-menu-shortcut"], [data-slot="context-menu-shortcut"], [data-slot="menubar-shortcut"]) {
    color: color-mix(in srgb, var(--popover-foreground) 72%, transparent);
  }
}

:is([data-slot="dropdown-menu-separator"], [data-slot="select-separator"], [data-slot="combobox-separator"], [data-slot="context-menu-separator"], [data-slot="menubar-separator"]) {
  background: var(--foreground);
  height: 1px;
  margin-block: .375rem;
  margin-inline: .25rem;
}

@supports (color: color-mix(in lab, red, red)) {
  :is([data-slot="dropdown-menu-separator"], [data-slot="select-separator"], [data-slot="combobox-separator"], [data-slot="context-menu-separator"], [data-slot="menubar-separator"]) {
    background: color-mix(in srgb, var(--foreground) 10%, transparent);
  }
}

:is([data-slot="dropdown-menu-checkbox-item-indicator"], [data-slot="dropdown-menu-radio-item-indicator"]) {
  color: var(--brand-signal);
}

.cheapai-auth-shell {
  --auth-control-background: #0b0d0b;
  --auth-control-background-hover: #121510;
  --auth-control-border: #ecf5e426;
  --auth-control-radius: .375rem;
  --auth-focus-border: #d7ff006b;
  --auth-focus-ring: #d7ff0024;
}

.cheapai-auth-shell [data-slot="button"], .cheapai-auth-shell [data-slot="alert"], .cheapai-auth-shell [data-slot="skeleton"], .cheapai-auth-shell .auth-control, .cheapai-auth-shell .auth-secondary-action, .cheapai-auth-shell .auth-panel {
  border-radius: var(--auth-control-radius);
}

.cheapai-auth-shell [data-slot="site-announcement"] [data-slot="alert"] {
  border-radius: 0 !important;
}

.cheapai-auth-shell .auth-control, .cheapai-auth-shell .auth-secondary-action, .cheapai-auth-shell .auth-panel {
  border-color: var(--auth-control-border);
  background-color: var(--auth-control-background);
}

.cheapai-auth-shell .auth-secondary-action {
  color: var(--foreground);
}

.cheapai-auth-shell .auth-secondary-action:hover:not(:disabled) {
  background-color: var(--auth-control-background-hover);
}

.cheapai-auth-shell .auth-secondary-action:disabled {
  background-color: var(--auth-control-background);
  color: var(--muted-foreground);
  opacity: 1;
}

.cheapai-auth-shell .auth-primary-action:disabled {
  background-color: var(--primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-auth-shell .auth-primary-action:disabled {
    background-color: color-mix(in srgb,
    var(--primary) 48%,
    var(--auth-control-background));
  }
}

.cheapai-auth-shell .auth-primary-action:disabled {
  color: var(--primary-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-auth-shell .auth-primary-action:disabled {
    color: color-mix(in srgb, var(--primary-foreground) 72%, transparent);
  }
}

.cheapai-auth-shell .auth-primary-action:disabled {
  opacity: 1;
}

.cheapai-auth-shell .auth-control:disabled {
  background-color: var(--auth-control-background);
  opacity: 1;
}

.cheapai-auth-shell .auth-control:has(:disabled) {
  background-color: var(--auth-control-background);
  opacity: 1;
}

.cheapai-auth-shell .auth-control:not([aria-invalid="true"]):focus-visible {
  border-color: var(--auth-focus-border);
  box-shadow: 0 0 0 2px var(--auth-focus-ring);
}

.cheapai-auth-shell .auth-control:not(:has([aria-invalid="true"])):has([data-slot="input-group-control"]:focus-visible) {
  border-color: var(--auth-focus-border);
  box-shadow: 0 0 0 2px var(--auth-focus-ring);
}

.cheapai-auth-shell .auth-control, .cheapai-auth-shell .auth-control [data-slot="input-group-control"], .cheapai-auth-shell .auth-otp [data-slot="input-otp-slot"] {
  font-size: 1rem;
  line-height: 1.5rem;
}

.cheapai-auth-shell .auth-otp [data-slot="input-otp-group"] {
  border-radius: var(--auth-control-radius);
}

.cheapai-auth-shell .auth-otp [data-slot="input-otp-slot"] {
  border-color: var(--auth-control-border);
  background-color: var(--auth-control-background);
}

.cheapai-auth-shell .auth-otp [data-slot="input-otp-slot"][data-active="true"]:not([aria-invalid="true"]) {
  border-color: var(--auth-focus-border);
  box-shadow: 0 0 0 2px var(--auth-focus-ring);
}

.cheapai-auth-shell .auth-otp [data-slot="input-otp-slot"]:first-child {
  border-start-start-radius: var(--auth-control-radius);
  border-end-start-radius: var(--auth-control-radius);
}

.cheapai-auth-shell .auth-otp [data-slot="input-otp-slot"]:last-child {
  border-start-end-radius: var(--auth-control-radius);
  border-end-end-radius: var(--auth-control-radius);
}

.skeleton-shimmer {
  background: linear-gradient(90deg,
    var(--skeleton-base) 0%,
    var(--skeleton-base) 33%,
    var(--skeleton-highlight) 50%,
    var(--skeleton-base) 67%,
    var(--skeleton-base) 100%);
  background-size: 300% 100%;
  animation: 1.8s ease-in-out infinite skeleton-shimmer;
}

@keyframes skeleton-shimmer {
  0% {
    background-position: 100%;
  }

  100% {
    background-position: -100%;
  }
}

.auto-skeleton-fade [class^="skeleton-"] {
  background: linear-gradient(90deg,
    var(--skeleton-base) 0%,
    var(--skeleton-base) 33%,
    var(--skeleton-highlight) 50%,
    var(--skeleton-base) 67%,
    var(--skeleton-base) 100%) !important;
  background-size: 300% 100% !important;
  animation: 1.8s ease-in-out infinite skeleton-shimmer !important;
}

@media (prefers-reduced-motion: reduce) {
  .skeleton-shimmer, .auto-skeleton-fade [class^="skeleton-"] {
    background: var(--skeleton-base) !important;
    animation: none !important;
  }
}

.public-pricing-explorer {
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-panel);
  background: var(--mf-public-panel);
  margin-top: clamp(3.75rem, 6vw, 5rem);
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-explorer {
    background: color-mix(in srgb, var(--mf-public-panel) 96%, transparent);
  }
}

.public-pricing-explorer {
  box-shadow: 7px 7px 0 var(--mf-public-shadow-soft);
}

.public-pricing-family-tabs {
  gap: 0;
}

.public-pricing-family-header, .public-pricing-model-summary, .public-pricing-route-heading, .public-pricing-model-footer {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
  display: flex;
}

.public-pricing-family-header {
  padding: 1.5rem 1.5rem 1.125rem;
}

.public-pricing-step, .public-pricing-model-list-label {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-step, .public-pricing-model-list-label {
    color: color-mix(in srgb, var(--mf-public-ink) 52%, transparent);
  }
}

.public-pricing-step, .public-pricing-model-list-label {
  font-family: var(--mf-public-mono);
  letter-spacing: .075em;
  text-transform: uppercase;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.35;
}

.public-pricing-family-header h2, .public-pricing-route-heading h3, .public-pricing-official-copy h3 {
  color: var(--mf-public-ink);
  letter-spacing: -.025em;
  margin: .35rem 0 0;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.2;
}

.public-pricing-live-count {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  align-items: center;
  gap: .5rem;
  font-size: .6875rem;
  display: inline-flex;
}

.public-pricing-live-count i, .public-pricing-model-footer p > span {
  background: var(--mf-catalog-acid, #b6dc00);
  width: .4375rem;
  height: .4375rem;
  box-shadow: 0 0 0 3px
    var(--mf-catalog-acid, #b6dc00);
  border-radius: 50%;
  flex: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-live-count i, .public-pricing-model-footer p > span {
    box-shadow: 0 0 0 3px
    color-mix(in srgb, var(--mf-catalog-acid, #b6dc00) 14%, transparent);
  }
}

.public-pricing-family-tabs-scroll {
  border-block: 1px solid var(--mf-public-line);
  padding: .625rem 1.5rem;
  overflow-x: auto;
}

.public-pricing-family-tabs-list[data-slot="tabs-list"] {
  background: none;
  border-radius: 0;
  justify-content: flex-start;
  gap: .375rem;
  width: max-content;
  min-width: 100%;
  height: auto;
  padding: 0;
}

.public-pricing-family-tabs-list [data-slot="tabs-trigger"] {
  min-height: 2.375rem;
  color: var(--mf-public-ink);
  background: none;
  border: 1px solid #0000;
  flex: none;
  gap: .5rem;
  padding: .4375rem .75rem;
  border-radius: var(--mf-landing-radius-action) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-family-tabs-list [data-slot="tabs-trigger"] {
    color: color-mix(in srgb, var(--mf-public-ink) 58%, transparent);
  }
}

.public-pricing-family-tabs-list [data-slot="tabs-trigger"] {
  box-shadow: none;
  transition: border-color var(--mf-landing-motion-fast) var(--mf-landing-ease-interface),
    background-color var(--mf-landing-motion-fast)
      var(--mf-landing-ease-interface),
    color var(--mf-landing-motion-fast) var(--mf-landing-ease-interface);
  font-size: .8125rem;
  font-weight: 500;
}

.public-pricing-family-tabs-list [data-slot="tabs-trigger"]:after {
  display: none;
}

.public-pricing-family-tabs-list [data-slot="tabs-trigger"]:hover {
  border-color: var(--mf-public-line);
  background: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-family-tabs-list [data-slot="tabs-trigger"]:hover {
    background: color-mix(in srgb, var(--mf-public-ink) 4%, transparent);
  }
}

.public-pricing-family-tabs-list [data-slot="tabs-trigger"]:hover {
  color: var(--mf-public-ink);
}

.public-pricing-family-tabs-list [data-slot="tabs-trigger"][data-active] {
  border-color: var(--mf-public-ink);
  background: var(--mf-public-ink);
  color: var(--mf-public-panel-strong);
  box-shadow: none;
}

.public-pricing-family-tabs-list [data-slot="tabs-trigger"][data-active] [data-slot="badge"] {
  border-color: var(--mf-public-panel-strong);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-family-tabs-list [data-slot="tabs-trigger"][data-active] [data-slot="badge"] {
    border-color: color-mix(in srgb,
    var(--mf-public-panel-strong) 20%,
    transparent);
  }
}

.public-pricing-family-tabs-list [data-slot="tabs-trigger"][data-active] [data-slot="badge"] {
  background: var(--mf-public-panel-strong);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-family-tabs-list [data-slot="tabs-trigger"][data-active] [data-slot="badge"] {
    background: color-mix(in srgb,
    var(--mf-public-panel-strong) 14%,
    transparent);
  }
}

.public-pricing-family-tabs-list [data-slot="tabs-trigger"][data-active] [data-slot="badge"] {
  color: inherit;
}

.public-pricing-family-icon {
  flex: 0 0 1rem;
  justify-content: center;
  align-items: center;
  width: 1rem;
  max-width: 1rem;
  height: 1rem;
  display: inline-flex;
  overflow: hidden;
}

.public-pricing-family-icon > * {
  flex: none;
  max-width: 100%;
  max-height: 100%;
  width: 100% !important;
  height: 100% !important;
}

.public-pricing-family-icon :is(svg, img) {
  object-fit: contain;
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.public-pricing-family-panel {
  padding: 1.125rem 1.5rem 1.5rem;
}

.public-pricing-search-results {
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
  display: flex;
}

.public-pricing-version-groups {
  flex-direction: column;
  gap: 1.25rem;
  min-width: 0;
  display: flex;
}

.public-pricing-version-section {
  min-width: 0;
}

.public-pricing-version-header {
  border-bottom: 1px solid var(--mf-public-line);
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: .625rem;
  padding-bottom: .5rem;
  display: flex;
}

.public-pricing-version-header h3 {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  letter-spacing: -.025em;
  margin: 0;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.2;
}

.public-pricing-version-header .public-pricing-step + h3 {
  margin-top: .25rem;
}

.public-pricing-version-header [data-slot="badge"] {
  border-color: var(--mf-public-line);
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  font-size: .5625rem;
}

.public-pricing-model-grid[data-slot="toggle-group"] {
  border-radius: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .5rem;
  width: 100%;
  max-width: 100%;
  padding: 0;
  display: grid;
}

.public-pricing-model-grid [data-slot="toggle-group-item"] {
  background: var(--mf-public-panel-strong);
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 4.5rem;
  color: var(--mf-public-ink);
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  justify-content: flex-start;
  align-items: center;
  gap: .625rem;
  padding: .625rem .75rem;
  display: grid;
  border: 1px solid var(--mf-public-line) !important;
  border-radius: var(--mf-landing-radius-action) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-model-grid [data-slot="toggle-group-item"] {
    color: color-mix(in srgb, var(--mf-public-ink) 64%, transparent);
  }
}

.public-pricing-model-grid [data-slot="toggle-group-item"] {
  box-shadow: none;
  text-align: left;
  white-space: normal;
}

.public-pricing-model-grid [data-slot="toggle-group-item"]:hover {
  background: var(--mf-public-ink);
  border-color: var(--mf-public-line-strong) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-model-grid [data-slot="toggle-group-item"]:hover {
    background: color-mix(in srgb,
    var(--mf-public-ink) 5%,
    var(--mf-public-panel));
  }
}

.public-pricing-model-grid [data-slot="toggle-group-item"]:hover {
  color: var(--mf-public-ink);
}

.public-pricing-model-grid [data-slot="toggle-group-item"][data-pressed] {
  background: var(--mf-public-ink);
  border-color: var(--mf-public-ink) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-model-grid [data-slot="toggle-group-item"][data-pressed] {
    background: color-mix(in srgb,
    var(--mf-public-ink) 8%,
    var(--mf-public-panel));
  }
}

.public-pricing-model-grid [data-slot="toggle-group-item"][data-pressed] {
  color: var(--mf-public-ink);
  box-shadow: none;
}

.public-pricing-model-grid [data-slot="toggle-group-item"][data-pressed] .public-pricing-model-choice-icon {
  border-color: var(--mf-public-ink);
}

.public-pricing-model-choice-icon, .public-pricing-model-icon {
  border: 1px solid var(--mf-public-line);
  background: var(--mf-public-ink);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-model-choice-icon, .public-pricing-model-icon {
    background: color-mix(in srgb, var(--mf-public-ink) 4%, transparent);
  }
}

.public-pricing-model-choice-icon {
  border-radius: var(--mf-landing-radius-micro);
  width: 2rem;
  height: 2rem;
  font-family: var(--mf-public-mono);
  font-size: .75rem;
}

.public-pricing-model-choice-copy {
  flex-direction: column;
  align-items: flex-start;
  gap: .125rem;
  min-width: 0;
  display: flex;
}

.public-pricing-model-choice-copy strong {
  max-width: 100%;
  font-family: var(--mf-public-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
  overflow: hidden;
}

.public-pricing-model-choice-copy small {
  color: var(--mf-public-muted);
  font-size: .625rem;
}

.public-pricing-model-choice-meta {
  border-left: 1px solid var(--mf-public-line);
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  gap: .125rem;
  min-width: 2.75rem;
  padding-left: .625rem;
  display: flex;
}

.public-pricing-model-choice-meta small {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  letter-spacing: .025em;
  text-transform: uppercase;
  font-size: .5rem;
  line-height: 1.25;
}

.public-pricing-model-choice-meta strong {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  font-size: .875rem;
  font-weight: 650;
  line-height: 1;
}

.public-pricing-search-empty, .public-pricing-routes-empty, .public-pricing-empty {
  border: 1px dashed var(--mf-public-line-strong);
  min-height: 8rem;
}

.public-pricing-model-detail {
  border-top: 1px solid var(--mf-public-line-strong);
}

.public-pricing-model-summary {
  padding: 1.75rem 1.5rem;
}

.public-pricing-model-identity {
  align-items: flex-start;
  gap: .875rem;
  min-width: 0;
  display: flex;
}

.public-pricing-model-icon {
  border-radius: var(--mf-landing-radius-action);
  width: 3rem;
  height: 3rem;
}

.public-pricing-model-title-row {
  align-items: center;
  gap: .375rem;
  min-width: 0;
  margin-top: .35rem;
  display: flex;
}

.public-pricing-model-title-row h2 {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  letter-spacing: -.035em;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 650;
  line-height: 1.1;
  overflow: hidden;
}

.public-pricing-endpoint-list {
  flex-wrap: wrap;
  gap: .375rem;
  margin-top: .625rem;
  display: flex;
}

.public-pricing-endpoint-list [data-slot="badge"] {
  border-color: var(--mf-public-line);
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  background: none;
  font-size: .625rem;
}

.public-pricing-summary-actions, .public-pricing-display-controls {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.public-pricing-display-controls [data-slot="toggle-group"] {
  border-color: var(--mf-public-line-strong);
  background: var(--mf-public-panel-strong);
}

.public-pricing-display-controls [data-slot="toggle-group-item"][data-pressed] {
  background: var(--mf-public-ink);
  color: var(--mf-public-panel-strong);
}

.public-pricing-official-price {
  border-block: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-ink);
  grid-template-columns: minmax(12rem, .7fr) minmax(0, 1.3fr);
  align-items: center;
  gap: 2rem;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-official-price {
    background: color-mix(in srgb,
    var(--mf-public-ink) 2.5%,
    var(--mf-public-panel));
  }
}

.public-pricing-official-price {
  color: var(--mf-public-ink);
  padding: 1.25rem 1.5rem;
}

.public-pricing-official-copy .public-pricing-step {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-official-copy .public-pricing-step {
    color: color-mix(in srgb, var(--mf-public-ink) 48%, transparent);
  }
}

.public-pricing-official-copy h3 {
  color: inherit;
}

.public-pricing-official-copy p {
  max-width: 22rem;
  color: var(--mf-public-muted);
  margin: .375rem 0 0;
  font-size: .75rem;
  line-height: 1.5;
}

.public-pricing-official-metrics, .public-pricing-route-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.public-pricing-official-metrics .public-pricing-metric {
  border-left: 1px solid var(--mf-public-line);
  padding-left: .875rem;
}

.public-pricing-official-metrics .public-pricing-metric-label, .public-pricing-official-metrics .public-pricing-metric small {
  color: var(--mf-public-muted);
}

.public-pricing-official-metrics .public-pricing-metric-value {
  color: var(--mf-public-ink);
}

.public-pricing-route-section {
  padding: 1.75rem 1.5rem 1.5rem;
}

.public-pricing-route-heading {
  align-items: flex-end;
  margin-bottom: 1rem;
}

.public-pricing-route-heading p {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  margin: 0;
  font-size: .625rem;
}

.public-pricing-route-list {
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-action);
  background: var(--mf-public-panel-strong);
  width: 100%;
  overflow: hidden;
}

.public-pricing-route-option {
  border: 0;
  border-bottom: 1px solid var(--mf-public-line);
  width: 100%;
  height: auto;
  min-height: 7.25rem;
  color: var(--mf-public-ink);
  box-shadow: none;
  text-align: left;
  white-space: normal;
  background: none;
  grid-template-columns: .625rem minmax(13rem, 1.2fr) minmax(8.5rem, .55fr) minmax(20rem, 1.35fr);
  justify-content: stretch;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  display: grid;
  border-radius: 0 !important;
}

.public-pricing-route-option:last-child {
  border-bottom: 0;
}

.public-pricing-route-option[data-locked="true"] {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-route-option[data-locked="true"] {
    color: color-mix(in srgb, var(--mf-public-ink) 72%, transparent);
  }
}

.public-pricing-route-marker {
  background: var(--mf-public-ink);
  border: 0;
  border-radius: 1px;
  width: .375rem;
  height: .375rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-route-marker {
    background: color-mix(in srgb, var(--mf-public-ink) 14%, transparent);
  }
}

.public-pricing-route-copy, .public-pricing-route-percent, .public-pricing-metric {
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.public-pricing-route-copy {
  gap: .25rem;
}

.public-pricing-route-title {
  flex-wrap: wrap;
  align-items: center;
  gap: .375rem;
  display: flex;
}

.public-pricing-route-title > strong {
  letter-spacing: -.02em;
  font-size: .9375rem;
  font-weight: 650;
}

.public-pricing-route-title [data-slot="badge"] {
  height: 1.125rem;
  padding-inline: .375rem;
  font-size: .5625rem;
}

.public-pricing-route-copy > small {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-route-copy > small {
    color: color-mix(in srgb, var(--mf-public-ink) 42%, transparent);
  }
}

.public-pricing-route-copy > small {
  font-family: var(--mf-public-mono);
  font-size: .5625rem;
}

.public-pricing-route-copy > span:last-child {
  max-width: 25rem;
  color: var(--mf-public-muted);
  font-size: .6875rem;
  line-height: 1.45;
}

.public-pricing-route-percent {
  gap: .25rem;
}

.public-pricing-route-percent strong {
  font-family: var(--mf-public-mono);
  font-size: .875rem;
  font-weight: 700;
}

.public-pricing-route-percent small {
  color: var(--mf-public-muted);
  font-size: .625rem;
  line-height: 1.4;
}

.public-pricing-route-metrics {
  gap: .5rem;
}

.public-pricing-metric {
  gap: .15rem;
}

.public-pricing-metric-label {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .5625rem;
  font-weight: 600;
}

.public-pricing-metric-value {
  min-width: 0;
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .35rem;
  font-size: .875rem;
  display: flex;
}

.public-pricing-metric-value del {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-metric-value del {
    color: color-mix(in srgb, var(--mf-public-ink) 35%, transparent);
  }
}

.public-pricing-metric-value del {
  font-size: .625rem;
  text-decoration-thickness: 1px;
}

.public-pricing-metric-value strong {
  text-overflow: ellipsis;
  max-width: 100%;
  font-weight: 700;
  overflow: hidden;
}

.public-pricing-metric > small {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-metric > small {
    color: color-mix(in srgb, var(--mf-public-ink) 42%, transparent);
  }
}

.public-pricing-metric > small {
  font-family: var(--mf-public-mono);
  font-size: .5625rem;
}

.public-pricing-model-footer {
  border-top: 1px solid var(--mf-public-line);
  color: var(--mf-public-muted);
  align-items: center;
  padding: .875rem 1.5rem;
  font-size: .625rem;
}

.public-pricing-model-footer p {
  align-items: center;
  gap: .5rem;
  margin: 0;
  display: flex;
}

.public-pricing-model-footer small {
  font-family: var(--mf-public-mono);
}

.public-pricing-loading {
  flex-direction: column;
  gap: clamp(3.75rem, 6vw, 5rem);
  display: flex;
}

.public-pricing-loading-hero, .public-pricing-loading-stage, .public-pricing-loading-detail {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.public-pricing-loading-hero {
  width: min(100%, 52rem);
}

.public-pricing-loading-stage {
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-panel);
  background: var(--mf-public-panel);
  padding: 1.5rem;
}

.public-pricing-loading-detail {
  border-top: 1px solid var(--mf-public-line);
  padding-top: 1.5rem;
}

@media (max-width: 980px) {
  .public-pricing-model-grid[data-slot="toggle-group"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-pricing-model-summary {
    flex-direction: column;
  }

  .public-pricing-summary-actions {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }

  .public-pricing-route-option {
    grid-template-columns: .625rem minmax(12rem, 1fr) minmax(8rem, .6fr);
  }

  .public-pricing-route-metrics {
    border-top: 1px solid var(--mf-public-line);
    grid-column: 2 / -1;
    width: 100%;
    padding-top: .75rem;
  }
}

@media (max-width: 700px) {
  .public-pricing-explorer {
    margin-inline: calc(var(--mf-public-gutter) * -1);
    box-shadow: none;
    border-inline: 0;
    border-radius: 0;
  }

  .public-pricing-family-header, .public-pricing-model-summary, .public-pricing-route-heading, .public-pricing-model-footer {
    gap: .875rem;
  }

  .public-pricing-family-header, .public-pricing-family-tabs-scroll, .public-pricing-family-panel, .public-pricing-model-summary, .public-pricing-route-section, .public-pricing-model-footer {
    padding-inline: 1rem;
  }

  .public-pricing-family-header {
    align-items: flex-end;
  }

  .public-pricing-family-tabs-scroll {
    padding-block: .5rem;
  }

  .public-pricing-family-tabs-list [data-slot="tabs-trigger"] {
    min-height: 2.25rem;
    padding-inline: .625rem;
  }

  .public-pricing-family-panel {
    padding-block: .875rem 1.125rem;
  }

  .public-pricing-version-groups {
    gap: 1rem;
  }

  .public-pricing-model-grid[data-slot="toggle-group"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-pricing-model-grid [data-slot="toggle-group-item"] {
    min-height: 4.25rem;
  }

  .public-pricing-model-summary {
    padding-block: 1.25rem;
  }

  .public-pricing-model-identity {
    width: 100%;
  }

  .public-pricing-model-title-row h2 {
    font-size: 1.25rem;
  }

  .public-pricing-summary-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .public-pricing-display-controls {
    justify-content: space-between;
    width: 100%;
  }

  .public-pricing-summary-actions > [data-slot="button"] {
    width: 100%;
  }

  .public-pricing-official-price {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    padding: 1.125rem 1rem;
  }

  .public-pricing-official-metrics, .public-pricing-route-metrics {
    grid-template-columns: repeat(3, minmax(6.25rem, 1fr));
    overflow-x: auto;
  }

  .public-pricing-official-metrics .public-pricing-metric:first-child {
    border-left: 0;
    padding-left: 0;
  }

  .public-pricing-route-section {
    padding-block: 1.25rem 1rem;
  }

  .public-pricing-route-heading {
    flex-direction: column;
    align-items: flex-start;
  }

  .public-pricing-route-option {
    grid-template-columns: .625rem minmax(0, 1fr);
    gap: .75rem;
    min-height: 0;
    padding: 1rem .875rem;
  }

  .public-pricing-route-percent, .public-pricing-route-metrics {
    grid-column: 2;
  }

  .public-pricing-route-percent {
    border-top: 1px solid var(--mf-public-line);
    flex-flow: wrap;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    padding-top: .625rem;
  }

  .public-pricing-route-percent small {
    text-align: right;
    max-width: 11rem;
  }

  .public-pricing-route-metrics {
    border-top: 0;
    padding-top: 0;
  }

  .public-pricing-model-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .public-pricing-family-tabs-list [data-slot="tabs-trigger"], .public-pricing-model-grid [data-slot="toggle-group-item"] {
    transition: none;
  }
}

.cheapai-public .public-pricing-page .public-page-frame {
  --home-gutter: clamp(.75rem, 1.5vw, 1.25rem);
  --mf-public-gutter: clamp(.75rem, 1.5vw, 1.25rem);
  width: 100%;
  max-width: min(100%, 1760px);
  padding-inline: var(--home-gutter);
}

html:has(.cheapai-public) .cheapai-public .public-pricing-page .public-page-frame {
  --home-gutter: clamp(.75rem, 1.5vw, 1.25rem);
  --mf-public-gutter: clamp(.75rem, 1.5vw, 1.25rem);
  width: 100%;
  max-width: min(100%, 1760px);
  padding-inline: var(--home-gutter);
}

.cheapai-public-surface.public-pricing-page, .cheapai-public-surface.public-docs-page, .cheapai-public-surface.public-articles-page {
  --mf-public-brand: #c7ef00;
  --mf-catalog-acid: #c7ef00;
  --mf-public-bg: #fff;
  --mf-public-panel: #fff;
  --mf-public-panel-strong: #fafafa;
  --mf-public-ink: #090909;
  --mf-public-brand-foreground: var(--mf-public-brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-public-surface.public-pricing-page, .cheapai-public-surface.public-docs-page, .cheapai-public-surface.public-articles-page {
    --mf-public-brand-foreground: color-mix(in srgb,
    var(--mf-public-brand) 50%,
    var(--mf-public-ink));
  }
}

.cheapai-public-surface.public-pricing-page, .cheapai-public-surface.public-docs-page, .cheapai-public-surface.public-articles-page {
  --mf-public-muted: #666;
  --mf-public-line: #0909091f;
  --mf-public-line-soft: #0909090d;
  --mf-public-line-strong: #09090938;
  --mf-public-shadow-soft: transparent;
  --mf-public-shadow-medium: transparent;
  --mf-public-shadow-strong: transparent;
}

.dark .cheapai-public-surface.public-pricing-page, .dark .cheapai-public-surface.public-docs-page, .dark .cheapai-public-surface.public-articles-page {
  --mf-public-brand: #d7ff00;
  --mf-catalog-acid: #d7ff00;
  --mf-public-bg: #050505;
  --mf-public-panel: #090909;
  --mf-public-panel-strong: #0f0f0f;
  --mf-public-ink: #f5f5f5;
  --mf-public-brand-foreground: var(--mf-public-brand);
  --mf-public-muted: #999;
  --mf-public-line: #ffffff1f;
  --mf-public-line-soft: #ffffff0d;
  --mf-public-line-strong: #ffffff38;
}

:is(.public-pricing-page, .public-docs-page, .public-articles-page) .public-page-grid {
  opacity: .18;
}

:is(.public-pricing-page, .public-docs-page, .public-articles-page) .public-page-frame {
  padding-top: clamp(3.5rem, 5vw, 4.75rem);
}

:is(.public-pricing-page, .public-docs-page, .public-articles-page) .public-catalog-hero {
  width: min(100%, 46rem);
}

:is(.public-pricing-page, .public-docs-page, .public-articles-page) .public-catalog-hero .public-page-title {
  max-width: 11em;
  margin-top: 1rem;
  font-size: clamp(3rem, 5vw, 4.25rem);
  line-height: .98;
}

:is(.public-pricing-page, .public-docs-page, .public-articles-page) .public-catalog-hero .public-page-lead {
  max-width: 40rem;
  margin-top: 1.125rem;
  font-size: 1rem;
  line-height: 1.58;
}

:is(.public-pricing-page, .public-docs-page, .public-articles-page) .public-catalog-hero .public-page-eyebrow > span {
  background: var(--mf-catalog-acid);
}

.public-pricing-page .public-pricing-explorer {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  margin-top: clamp(2.5rem, 4vw, 3.25rem);
  overflow: visible;
}

.public-pricing-page .public-pricing-model-search {
  min-height: var(--mf-pricing-search-height);
  border-bottom: 1px solid var(--mf-public-line);
  align-items: center;
  padding: .875rem 1.25rem;
  display: flex;
}

.public-pricing-page .public-pricing-search {
  width: 100%;
  min-width: 0;
  margin-top: 0;
}

.public-pricing-page .public-pricing-search .public-catalog-search-input {
  height: 2.75rem;
  border-color: var(--mf-public-line-strong) !important;
  background: var(--mf-public-panel) !important;
  box-shadow: none !important;
}

.public-pricing-page .public-pricing-search .public-catalog-search-input:focus {
  border-color: var(--mf-public-ink) !important;
  box-shadow: 0 0 0 3px
    var(--mf-public-brand) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-search .public-catalog-search-input:focus {
    box-shadow: 0 0 0 3px
    color-mix(in srgb, var(--mf-public-brand) 18%, transparent) !important;
  }
}

.public-pricing-page .public-pricing-search-shortcut {
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-micro);
  background: var(--mf-public-panel-strong);
  min-width: 2rem;
  height: 1.25rem;
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  padding-inline: .375rem;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1;
}

.public-pricing-page .public-pricing-mobile-model-toggle {
  white-space: normal;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding: .75rem;
  display: none;
}

.public-pricing-page .public-pricing-mobile-model-copy, .public-pricing-page .public-pricing-mobile-model-action {
  align-items: flex-start;
  min-width: 0;
}

.public-pricing-page .public-pricing-mobile-model-copy {
  text-align: left;
  flex-direction: column;
  gap: .125rem;
}

.public-pricing-page .public-pricing-mobile-model-copy small {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: .6875rem;
}

.public-pricing-page .public-pricing-mobile-model-copy strong {
  max-width: 20rem;
  font-family: var(--mf-public-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  overflow: hidden;
}

.public-pricing-page .public-pricing-mobile-model-action {
  color: var(--mf-public-muted);
  flex: none;
  align-items: center;
  gap: .375rem;
  font-size: .6875rem;
}

.public-pricing-page .public-pricing-workspace {
  grid-template-columns: var(--mf-pricing-nav-width) minmax(0, 1fr);
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-panel);
  background: var(--mf-public-panel);
  align-items: stretch;
  gap: 0;
  min-width: 0;
  margin-top: 0;
  display: grid;
  overflow: hidden;
}

.public-pricing-page .public-pricing-model-browser, .public-pricing-page .public-pricing-model-detail {
  background: var(--mf-public-panel);
  min-width: 0;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  overflow: hidden;
}

.public-pricing-page .public-pricing-model-browser {
  border-right: 1px solid var(--mf-public-line-strong);
}

.public-pricing-page .public-pricing-model-summary, .public-pricing-page .public-pricing-route-heading, .public-pricing-page .public-pricing-model-footer {
  justify-content: space-between;
  gap: 1rem;
  display: flex;
}

.public-pricing-page .public-pricing-search-summary {
  min-height: var(--mf-pricing-nav-row-height);
  border-bottom: 1px solid var(--mf-public-line);
  color: var(--mf-public-ink);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .625rem 1.25rem;
  font-size: .8125rem;
  font-weight: 600;
  display: flex;
}

.public-pricing-page .public-pricing-route-heading h3 {
  color: var(--mf-public-ink);
  letter-spacing: -.025em;
  margin: .3rem 0 0;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.2;
}

.public-pricing-page .public-pricing-step {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-step {
    color: color-mix(in srgb, var(--mf-public-ink) 48%, transparent);
  }
}

.public-pricing-page .public-pricing-step {
  font-family: var(--mf-public-mono);
  letter-spacing: .075em;
  text-transform: uppercase;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.35;
}

.public-pricing-page .public-pricing-count, .public-pricing-page .public-pricing-family-count {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  font-size: .6875rem;
  line-height: 1.35;
}

.public-pricing-page .public-pricing-count {
  flex: none;
}

.public-pricing-page .public-pricing-search-summary small {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  flex: none;
  font-size: .6875rem;
  font-weight: 500;
}

.public-pricing-page .public-pricing-family-tabs-scroll {
  min-height: var(--mf-pricing-nav-row-height);
  border-top: 0;
  border-bottom: 1px solid var(--mf-public-line);
  padding: .25rem 1.25rem;
  overflow: clip;
}

.public-pricing-page .public-pricing-family-tabs-list[data-slot="tabs-list"] {
  background: none;
  grid-template-columns: repeat(auto-fit, minmax(4.5rem, 1fr));
  align-items: stretch;
  gap: .375rem;
  width: 100%;
  min-width: 0;
  height: auto;
  padding: 0;
  display: grid;
  border-radius: 0 !important;
}

.public-pricing-page .public-pricing-family-tabs-list [data-slot="tabs-trigger"] {
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 2.5rem;
  color: var(--mf-public-ink);
  background: none;
  border: 1px solid #0000;
  flex: none;
  justify-content: center;
  gap: .375rem;
  padding: .25rem;
  border-radius: var(--mf-landing-radius-action) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-family-tabs-list [data-slot="tabs-trigger"] {
    color: color-mix(in srgb, var(--mf-public-ink) 54%, transparent);
  }
}

.public-pricing-page .public-pricing-family-tabs-list [data-slot="tabs-trigger"] {
  box-shadow: none;
  text-align: left;
  white-space: normal;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.15;
}

.public-pricing-page .public-pricing-family-tabs-list [data-slot="tabs-trigger"]:after {
  background: var(--mf-public-ink);
  height: 2px;
  display: block;
  bottom: -.25rem;
  left: 0;
  right: 0;
}

.public-pricing-page .public-pricing-family-tabs-list [data-slot="tabs-trigger"]:hover {
  border-color: var(--mf-public-line);
  background: var(--mf-public-line-soft);
  color: var(--mf-public-ink);
}

.public-pricing-page .public-pricing-family-tabs-list [data-slot="tabs-trigger"][data-active] {
  color: var(--mf-public-ink);
  background: none;
  border-color: #0000;
}

.public-pricing-page .public-pricing-family-copy {
  overflow-wrap: anywhere;
  text-align: center;
  white-space: normal;
  min-width: 0;
}

.public-pricing-page .public-pricing-family-label {
  color: inherit;
}

.public-pricing-page .public-pricing-family-copy .public-pricing-family-count {
  white-space: nowrap;
  margin-inline-start: .25rem;
  font-size: .625rem;
}

.public-pricing-page .public-pricing-family-tabs-list [data-slot="tabs-trigger"][data-active] .public-pricing-family-count {
  color: inherit;
}

.public-pricing-page .public-pricing-family-icon {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.public-pricing-page .public-pricing-model-browser-scroll {
  scrollbar-gutter: stable;
  max-height: 46rem;
  padding: 1rem 1.25rem 1.5rem;
  overflow-y: auto;
}

.public-pricing-page .public-pricing-family-panel {
  padding: 0;
}

.public-pricing-page .public-pricing-version-groups {
  flex-direction: column;
  gap: 1.5rem;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-version-section {
  min-width: 0;
}

.public-pricing-page .public-pricing-version-header {
  border-bottom: 0;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  margin-bottom: 0;
  padding-bottom: .5rem;
  display: flex;
}

.public-pricing-page .public-pricing-version-header h3 {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  letter-spacing: -.015em;
  margin: 0;
  font-size: .8125rem;
  font-weight: 650;
  line-height: 1.2;
}

.public-pricing-page .public-pricing-version-header .public-pricing-step + h3 {
  margin-top: .25rem;
}

.public-pricing-page .public-pricing-model-grid[data-slot="toggle-group"] {
  border-top: 1px solid var(--mf-public-line);
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  width: 100%;
  max-width: 100%;
  padding: 0;
  display: grid;
  border-radius: 0 !important;
}

.public-pricing-page .public-pricing-model-grid [data-slot="toggle-group-item"] {
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 3.5rem;
  color: var(--mf-public-ink);
  background: none;
  grid-template-columns: 1.75rem minmax(0, 1fr) auto;
  justify-content: stretch;
  align-items: center;
  gap: .625rem;
  padding: .75rem;
  display: grid;
  border: 0 !important;
  border-bottom: 1px solid var(--mf-public-line) !important;
  border-radius: 0 !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-model-grid [data-slot="toggle-group-item"] {
    color: color-mix(in srgb, var(--mf-public-ink) 68%, transparent);
  }
}

.public-pricing-page .public-pricing-model-grid [data-slot="toggle-group-item"] {
  box-shadow: none;
  text-align: left;
  white-space: normal;
}

.public-pricing-page .public-pricing-model-grid [data-slot="toggle-group-item"]:hover {
  background: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-model-grid [data-slot="toggle-group-item"]:hover {
    background: color-mix(in srgb,
    var(--mf-public-ink) 3.5%,
    var(--mf-public-panel));
  }
}

.public-pricing-page .public-pricing-model-grid [data-slot="toggle-group-item"]:hover {
  color: var(--mf-public-ink);
}

.public-pricing-page .public-pricing-model-grid [data-slot="toggle-group-item"][data-pressed] {
  background: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-model-grid [data-slot="toggle-group-item"][data-pressed] {
    background: color-mix(in srgb,
    var(--mf-public-ink) 5%,
    var(--mf-public-panel));
  }
}

.public-pricing-page .public-pricing-model-grid [data-slot="toggle-group-item"][data-pressed] {
  color: var(--mf-public-ink);
  box-shadow: inset 2px 0 0 var(--mf-catalog-acid);
}

.public-pricing-page .public-pricing-model-choice-icon, .public-pricing-page .public-pricing-model-icon {
  border: 1px solid var(--mf-public-line);
  background: var(--mf-public-ink);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-model-choice-icon, .public-pricing-page .public-pricing-model-icon {
    background: color-mix(in srgb, var(--mf-public-ink) 4%, transparent);
  }
}

.public-pricing-page .public-pricing-model-choice-icon {
  border-radius: var(--mf-landing-radius-micro);
  width: 1.75rem;
  height: 1.75rem;
  font-family: var(--mf-public-mono);
  font-size: .6875rem;
}

.public-pricing-page .public-pricing-model-choice-copy {
  flex-direction: column;
  align-items: flex-start;
  gap: .125rem;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-model-choice-copy strong {
  max-width: 100%;
  font-family: var(--mf-public-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8125rem;
  font-weight: 600;
  overflow: hidden;
}

.public-pricing-page .public-pricing-model-choice-copy small {
  max-width: 100%;
  color: var(--mf-public-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .6875rem;
  overflow: hidden;
}

.public-pricing-page .public-pricing-model-choice-meta {
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  gap: .125rem;
  min-width: 3.25rem;
  padding-left: .75rem;
  display: flex;
}

.public-pricing-page .public-pricing-model-choice-meta small {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  letter-spacing: .035em;
  text-transform: uppercase;
  font-size: .6875rem;
  line-height: 1.2;
}

.public-pricing-page .public-pricing-model-choice-meta strong {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  font-size: .875rem;
  font-weight: 650;
  line-height: 1;
}

.public-pricing-page .public-pricing-search-empty, .public-pricing-page .public-pricing-routes-empty, .public-pricing-page .public-pricing-empty {
  border: 0;
  min-height: 8rem;
}

.public-pricing-page .public-pricing-model-detail {
  border-top: 0;
}

.public-pricing-page .public-pricing-model-summary {
  min-height: var(--mf-pricing-header-height);
  border-bottom: 1px solid var(--mf-public-line);
  align-items: flex-start;
  padding: 1.125rem 1.5rem;
}

.public-pricing-page .public-pricing-model-identity {
  align-items: flex-start;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-model-icon {
  border-radius: var(--mf-landing-radius-action);
  width: 2.75rem;
  height: 2.75rem;
}

.public-pricing-page .public-pricing-model-title-row {
  align-items: center;
  gap: .375rem;
  min-width: 0;
  margin-top: .3rem;
  display: flex;
}

.public-pricing-page .public-pricing-model-title-row h2 {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  letter-spacing: -.035em;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: clamp(1.25rem, 2.2vw, 1.55rem);
  font-weight: 650;
  line-height: 1.1;
  overflow: hidden;
}

.public-pricing-page .public-pricing-endpoint-list {
  flex-wrap: wrap;
  gap: .375rem;
  margin-top: .55rem;
  display: flex;
}

.public-pricing-page .public-pricing-endpoint-list [data-slot="badge"] {
  border-color: var(--mf-public-line);
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  background: none;
  font-size: .6875rem;
}

.public-pricing-page .public-pricing-route-section {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 1.25rem 0 0;
  display: flex;
}

.public-pricing-page .public-pricing-route-heading {
  align-items: center;
  margin-bottom: 1rem;
  padding-inline: 1.5rem;
}

.public-pricing-page .public-pricing-route-heading [data-slot="toggle-group"] {
  border-color: var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  flex: none;
}

.public-pricing-page .public-pricing-route-heading [data-slot="toggle-group-item"] {
  min-width: 2.75rem;
  font-family: var(--mf-public-mono);
  font-size: .6875rem;
}

.public-pricing-page .public-pricing-route-heading [data-slot="toggle-group-item"][data-pressed] {
  background: var(--mf-public-ink);
  color: var(--mf-public-panel);
}

.public-pricing-page .public-pricing-comparison {
  border-block: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  border-inline: 0;
  border-radius: 0;
  overflow: hidden;
}

.public-pricing-page .public-pricing-comparison-header, .public-pricing-page .public-pricing-comparison-row {
  border: 0;
  border-bottom: 1px solid var(--mf-public-line);
  width: 100%;
  min-width: 0;
  color: var(--mf-public-ink);
  text-align: left;
  grid-template-columns: .5rem minmax(12rem, .72fr) minmax(0, 1.28fr);
  justify-content: stretch;
  align-items: stretch;
  gap: 1rem;
  padding: 0 0 0 1rem;
  display: grid;
  border-radius: 0 !important;
}

.public-pricing-page .public-pricing-comparison-header {
  background: var(--mf-public-panel-strong);
  min-height: 3rem;
  color: var(--mf-public-muted);
}

.public-pricing-page .public-pricing-comparison-route-heading {
  letter-spacing: .045em;
  text-transform: uppercase;
  align-items: center;
  font-size: .6875rem;
  font-weight: 600;
  display: flex;
}

.public-pricing-page .public-pricing-comparison-metric-heading {
  text-align: right;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: .125rem;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-comparison-metric-heading strong {
  letter-spacing: .045em;
  text-transform: uppercase;
  font-size: .6875rem;
  font-weight: 600;
}

.public-pricing-page .public-pricing-comparison-metric-heading small {
  font-family: var(--mf-public-mono);
  letter-spacing: 0;
  text-transform: none;
  font-size: .6875rem;
  font-weight: 400;
}

.public-pricing-page .public-pricing-official-route {
  background: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-official-route {
    background: color-mix(in srgb,
    var(--mf-public-ink) 2.5%,
    var(--mf-public-panel));
  }
}

.public-pricing-page .public-pricing-route-list {
  background: none;
  border: 0;
  width: 100%;
  overflow: visible;
  border-radius: 0 !important;
}

.public-pricing-page .public-pricing-route-option {
  height: auto;
  box-shadow: none;
  white-space: normal;
  background: none;
}

.public-pricing-page .public-pricing-route-option:last-child {
  border-bottom: 0;
}

.public-pricing-page .public-pricing-route-option[data-locked="true"] {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-route-option[data-locked="true"] {
    color: color-mix(in srgb, var(--mf-public-ink) 70%, transparent);
  }
}

.public-pricing-page .public-pricing-route-marker {
  background: var(--mf-public-ink);
  border: 0;
  border-radius: 1px;
  align-self: center;
  width: .375rem;
  height: .375rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-route-marker {
    background: color-mix(in srgb, var(--mf-public-ink) 14%, transparent);
  }
}

.public-pricing-page .public-pricing-official-marker {
  background: var(--mf-public-ink);
  border-radius: 1px;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-official-marker {
    background: color-mix(in srgb, var(--mf-public-ink) 14%, transparent);
  }
}

.public-pricing-page .public-pricing-route-copy, .public-pricing-page .public-pricing-route-pricing, .public-pricing-page .public-pricing-route-percent, .public-pricing-page .public-pricing-metric {
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-route-title {
  flex-wrap: wrap;
  align-items: center;
  gap: .375rem;
  display: flex;
}

.public-pricing-page .public-pricing-route-title > strong {
  letter-spacing: -.02em;
  font-size: .875rem;
  font-weight: 650;
}

.public-pricing-page .public-pricing-route-title [data-slot="badge"] {
  height: 1.25rem;
  padding-inline: .375rem;
  font-size: .6875rem;
}

.public-pricing-page .public-pricing-route-title .public-pricing-recommended-badge[data-slot="badge"] {
  border-color: var(--mf-catalog-acid);
  background: var(--mf-catalog-acid);
  color: #141414;
}

.public-pricing-page .public-pricing-route-copy > small {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-route-copy > small {
    color: color-mix(in srgb, var(--mf-public-ink) 42%, transparent);
  }
}

.public-pricing-page .public-pricing-route-copy > small {
  font-family: var(--mf-public-mono);
  font-size: .6875rem;
}

.public-pricing-page .public-pricing-route-copy > span:last-child {
  max-width: 22rem;
  color: var(--mf-public-muted);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .75rem;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.public-pricing-page .public-pricing-route-pricing {
  border-left: 1px solid var(--mf-public-line);
  grid-template-columns: minmax(0, 1fr) minmax(8.5rem, 9.5rem);
  align-self: stretch;
  align-items: stretch;
  gap: 0;
  padding-left: 0;
  display: grid;
}

.public-pricing-page .public-pricing-route-percent strong {
  font-family: var(--mf-public-mono);
  font-size: .75rem;
  font-weight: 650;
}

.public-pricing-page .public-pricing-route-percent small {
  color: var(--mf-public-muted);
  text-align: right;
  max-width: 9rem;
  font-size: .6875rem;
  line-height: 1.35;
}

.public-pricing-page .public-pricing-metric {
  text-align: right;
  justify-content: center;
  align-items: flex-end;
  gap: .125rem;
}

.public-pricing-page .public-pricing-metric-label {
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.public-pricing-page .public-pricing-metric-value {
  min-width: 0;
  min-height: 2.25rem;
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: .125rem;
  font-size: .875rem;
  display: flex;
}

.public-pricing-page .public-pricing-metric-value del {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-metric-value del {
    color: color-mix(in srgb, var(--mf-public-ink) 35%, transparent);
  }
}

.public-pricing-page .public-pricing-metric-value del {
  font-size: .6875rem;
  text-decoration-thickness: 1px;
}

.public-pricing-page .public-pricing-metric-value strong {
  text-overflow: ellipsis;
  max-width: 100%;
  font-weight: 700;
  overflow: hidden;
}

.public-pricing-page .public-pricing-metric > small {
  display: none;
}

.public-pricing-page .public-pricing-model-footer {
  border-top: 1px solid var(--mf-public-line);
  color: var(--mf-public-muted);
  align-items: center;
  margin-top: auto;
  padding: .75rem 1.25rem;
  font-size: .6875rem;
}

.public-pricing-page .public-pricing-model-footer p {
  align-items: center;
  gap: .5rem;
  margin: 0;
  display: flex;
}

.public-pricing-page .public-pricing-model-footer p > span {
  background: var(--mf-catalog-acid);
  width: .375rem;
  height: .375rem;
  box-shadow: none;
  border-radius: 50%;
  flex: none;
}

.public-pricing-page .public-pricing-model-footer small {
  font-family: var(--mf-public-mono);
}

.public-pricing-page .public-pricing-loading-hero {
  width: min(100%, 46rem);
}

.public-pricing-page .public-pricing-loading-stage {
  grid-template-columns: var(--mf-pricing-nav-width) minmax(0, 1fr);
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-panel);
  background: var(--mf-public-panel);
  gap: 0;
  padding: 0;
  display: grid;
  overflow: hidden;
}

.public-pricing-page .public-pricing-loading-stage > div {
  background: var(--mf-public-panel);
  border: 0;
  border-radius: 0;
  padding: 0;
}

.public-pricing-page .public-pricing-loading-stage > div:first-child {
  border-right: 1px solid var(--mf-public-line-strong);
}

.public-pricing-page .public-pricing-loading-model-rows, .public-pricing-page .public-pricing-loading-price-rows {
  border-block: 1px solid var(--mf-public-line);
  background: var(--mf-public-line);
  gap: 1px;
  overflow: hidden;
}

.public-pricing-page .public-pricing-loading-nav, .public-pricing-page .public-pricing-loading-detail {
  border-top: 0;
  flex-direction: column;
  gap: 0;
  padding: 0;
  display: flex;
}

.public-pricing-page .public-pricing-loading-search, .public-pricing-page .public-pricing-loading-tabs, .public-pricing-page .public-pricing-loading-summary, .public-pricing-page .public-pricing-loading-nav-body, .public-pricing-page .public-pricing-loading-detail-body {
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-loading-search {
  min-height: var(--mf-pricing-search-height);
  border-bottom: 1px solid var(--mf-public-line);
  align-items: center;
  padding: .875rem 1.25rem;
}

.public-pricing-page .public-pricing-loading-tabs {
  min-height: var(--mf-pricing-nav-row-height);
  border-bottom: 1px solid var(--mf-public-line);
  align-items: center;
  gap: 1rem;
  padding-inline: 1.25rem;
  overflow: hidden;
}

.public-pricing-page .public-pricing-loading-summary {
  min-height: var(--mf-pricing-header-height);
  border-bottom: 1px solid var(--mf-public-line);
  align-items: flex-start;
  padding: 1.125rem 1.5rem;
}

.public-pricing-page .public-pricing-loading-nav-body, .public-pricing-page .public-pricing-loading-detail-body {
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 1.25rem 1.5rem;
}

.public-pricing-page .public-pricing-loading-detail-body > :first-child {
  padding-inline: 1.5rem;
}

@media (max-width: 1100px) {
  .public-pricing-page .public-pricing-workspace, .public-pricing-page .public-pricing-loading-stage {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-pricing-page .public-pricing-model-browser, .public-pricing-page .public-pricing-loading-stage > div:first-child {
    border-right: 0;
    border-bottom: 1px solid var(--mf-public-line-strong);
  }

  .public-pricing-page .public-pricing-model-browser-scroll {
    max-height: none;
  }

  .public-pricing-page .public-pricing-model-grid[data-slot="toggle-group"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-pricing-page .public-pricing-mobile-model-toggle, .public-pricing-page .public-pricing-mobile-model-copy, .public-pricing-page .public-pricing-mobile-model-action {
    display: flex;
  }

  .public-pricing-page .public-pricing-workspace {
    margin-top: .625rem;
  }

  .public-pricing-page .public-pricing-model-browser[data-mobile-open="false"] {
    display: none;
  }
}

@media (max-width: 760px) {
  .public-pricing-page .public-page-frame {
    padding-top: 3.25rem;
  }

  .public-pricing-page .public-page-title {
    font-size: clamp(2.65rem, 13vw, 3.5rem);
  }

  .public-pricing-page .public-pricing-search {
    width: 100%;
  }

  .public-pricing-page .public-pricing-mobile-model-toggle {
    white-space: normal;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    height: auto;
    margin-top: 0;
    padding: .75rem;
    display: flex;
  }

  .public-pricing-page .public-pricing-mobile-model-copy, .public-pricing-page .public-pricing-mobile-model-action {
    align-items: flex-start;
    min-width: 0;
    display: flex;
  }

  .public-pricing-page .public-pricing-mobile-model-copy {
    text-align: left;
    flex-direction: column;
    gap: .125rem;
  }

  .public-pricing-page .public-pricing-mobile-model-copy small {
    color: var(--mf-public-muted);
    font-family: var(--mf-public-mono);
    letter-spacing: .05em;
    text-transform: uppercase;
    font-size: .6875rem;
  }

  .public-pricing-page .public-pricing-mobile-model-copy strong {
    max-width: 14rem;
    font-family: var(--mf-public-mono);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .75rem;
    overflow: hidden;
  }

  .public-pricing-page .public-pricing-mobile-model-action {
    color: var(--mf-public-muted);
    flex: none;
    align-items: center;
    gap: .375rem;
    font-size: .6875rem;
  }

  .public-pricing-page .public-pricing-workspace {
    margin-top: .625rem;
  }

  .public-pricing-page .public-pricing-model-browser[data-mobile-open="false"] {
    display: none;
  }

  .public-pricing-page .public-pricing-model-summary, .public-pricing-page .public-pricing-route-heading, .public-pricing-page .public-pricing-model-footer {
    gap: .875rem;
  }

  .public-pricing-page .public-pricing-model-summary, .public-pricing-page .public-pricing-model-footer, .public-pricing-page .public-pricing-model-search, .public-pricing-page .public-pricing-search-summary, .public-pricing-page .public-pricing-loading-search, .public-pricing-page .public-pricing-loading-tabs, .public-pricing-page .public-pricing-route-heading, .public-pricing-page .public-pricing-family-tabs-scroll, .public-pricing-page .public-pricing-model-browser-scroll {
    padding-inline: 1rem;
  }

  .public-pricing-page .public-pricing-family-tabs-list[data-slot="tabs-list"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-pricing-page .public-pricing-family-tabs-list [data-slot="tabs-trigger"] {
    padding-inline: .5rem;
  }

  .public-pricing-page .public-pricing-model-grid[data-slot="toggle-group"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-pricing-page .public-pricing-model-summary {
    flex-direction: column;
    align-items: stretch;
  }

  .public-pricing-page .public-pricing-detail-link {
    width: 100%;
  }

  .public-pricing-page .public-pricing-route-heading {
    flex-direction: column;
    align-items: flex-start;
  }

  .public-pricing-page .public-pricing-comparison-header {
    display: none;
  }

  .public-pricing-page .public-pricing-comparison-row {
    grid-template-columns: .5rem minmax(0, 1fr);
    gap: .75rem;
    min-height: 0;
    padding: 0 1rem;
  }

  .public-pricing-page .public-pricing-route-pricing {
    border-top: 1px solid var(--mf-public-line);
    border-left: 0;
    grid-column: 2;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    padding-top: 0;
    padding-left: 0;
  }

  .public-pricing-page .public-pricing-route-metrics {
    gap: .75rem;
    padding: .75rem 0;
    grid-template-columns: repeat(auto-fit, minmax(min(7rem, 100%), 1fr)) !important;
  }

  .public-pricing-page .public-pricing-route-percent {
    border-top: 1px solid var(--mf-public-line);
    text-align: left;
    border-left: 0;
    align-items: flex-start;
    padding: .75rem 0 1rem;
  }

  .public-pricing-page .public-pricing-route-percent small {
    text-align: left;
    max-width: none;
  }

  .public-pricing-page .public-pricing-metric {
    text-align: left;
    align-items: flex-start;
  }

  .public-pricing-page .public-pricing-metric-label {
    clip: auto;
    clip-path: none;
    width: auto;
    height: auto;
    color: var(--mf-public-muted);
    font-family: var(--mf-public-mono);
    letter-spacing: .035em;
    text-transform: uppercase;
    white-space: normal;
    font-size: .6875rem;
    font-weight: 600;
    position: static;
    overflow: visible;
  }

  .public-pricing-page .public-pricing-metric-value {
    align-items: flex-start;
  }

  .public-pricing-page .public-pricing-metric > small {
    color: var(--mf-public-ink);
    display: block;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .public-pricing-page .public-pricing-metric > small {
      color: color-mix(in srgb, var(--mf-public-ink) 42%, transparent);
    }
  }

  .public-pricing-page .public-pricing-metric > small {
    font-family: var(--mf-public-mono);
    font-size: .6875rem;
  }

  .public-pricing-page .public-pricing-model-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .public-pricing-page .public-pricing-model-grid [data-slot="toggle-group-item"] {
    transition: none;
  }
}

.public-pricing-page .public-pricing-explorer {
  margin-top: clamp(2.5rem, 4vw, 3.25rem);
}

.public-pricing-page .public-pricing-workspace {
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-panel);
  background: var(--mf-public-panel);
  flex-direction: column;
  min-width: 0;
  margin-top: 0;
  display: flex;
  overflow: hidden;
}

.public-pricing-page .public-pricing-model-browser, .public-pricing-page .public-pricing-model-detail {
  background: var(--mf-public-panel);
  border: 0;
  border-radius: 0;
  min-width: 0;
  overflow: visible;
}

.public-pricing-page .public-pricing-model-browser {
  border-right: 0;
  border-bottom: 1px solid var(--mf-public-line-strong);
}

.public-pricing-page .public-pricing-model-toolbar {
  border-bottom: 1px solid var(--mf-public-line);
  grid-template-columns: minmax(17rem, 21rem) minmax(0, 1fr);
  align-items: stretch;
  min-width: 0;
  display: grid;
}

.public-pricing-page .public-pricing-model-search {
  border-right: 1px solid var(--mf-public-line);
  border-bottom: 0;
  min-height: 0;
  padding: .625rem 1rem;
}

.public-pricing-page .public-pricing-search .public-catalog-search-input {
  height: 2.75rem;
}

.public-pricing-page .public-pricing-search-results {
  border-bottom: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-search-results {
    background: color-mix(in srgb,
    var(--mf-public-ink) 2%,
    var(--mf-public-panel));
  }
}

.public-pricing-page .public-pricing-search-summary {
  border-bottom: 1px solid var(--mf-public-line);
  min-height: 2.75rem;
  padding: .625rem 1.25rem;
}

.public-pricing-page .public-pricing-search-results-scroll {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  max-height: 24rem;
  padding: 1rem 1.25rem 1.25rem;
  overflow-y: auto;
}

.public-pricing-page .public-pricing-family-tabs {
  gap: 0;
}

.public-pricing-page .public-pricing-family-tabs-scroll {
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  border-bottom: 0;
  min-height: 4rem;
  padding: 0 .75rem;
  overflow: auto hidden;
}

.public-pricing-page .public-pricing-family-tabs-list[data-slot="tabs-list"] {
  grid-template-columns: none;
  justify-content: flex-start;
  align-items: stretch;
  gap: .25rem;
  width: max-content;
  min-width: 100%;
  height: 3.9375rem;
  padding: 0;
  display: flex;
}

.public-pricing-page .public-pricing-family-tabs-list [data-slot="tabs-trigger"] {
  white-space: nowrap;
  border: 0;
  flex: none;
  justify-content: flex-start;
  gap: .45rem;
  width: auto;
  min-width: max-content;
  height: 3.9375rem;
  min-height: 3.9375rem;
  padding: .25rem .8rem;
  font-size: .75rem;
  border-radius: 0 !important;
}

.public-pricing-page .public-pricing-family-tabs-list [data-slot="tabs-trigger"]:after {
  background: var(--mf-catalog-acid);
  height: 2px;
  bottom: 0;
  left: .75rem;
  right: .75rem;
}

.public-pricing-page .public-pricing-family-tabs-list [data-slot="tabs-trigger"]:hover {
  background: var(--mf-public-line-soft);
  border-color: #0000;
}

.public-pricing-page .public-pricing-family-tabs-list [data-slot="tabs-trigger"][data-active] {
  background: none;
}

.public-pricing-page .public-pricing-family-copy {
  overflow-wrap: normal;
  text-align: left;
  white-space: nowrap;
  align-items: baseline;
  gap: .3rem;
  display: inline-flex;
}

.public-pricing-page .public-pricing-family-copy .public-pricing-family-count {
  margin-inline-start: 0;
}

.public-pricing-page .public-pricing-model-strip-scroll {
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  min-width: 0;
  padding: .75rem 1.25rem;
  scroll-padding-inline: 1.25rem;
  overflow: auto hidden;
}

.public-pricing-page .public-pricing-family-panel {
  min-width: 100%;
  padding: 0;
}

.public-pricing-page .public-pricing-model-list[data-slot="toggle-group"] {
  border: 0;
  max-width: none;
  padding: 0;
  border-radius: 0 !important;
}

.public-pricing-page .public-pricing-model-strip[data-slot="toggle-group"] {
  align-items: stretch;
  gap: .625rem;
  width: max-content;
  min-width: 100%;
  display: flex;
}

.public-pricing-page .public-pricing-model-grid[data-slot="toggle-group"] {
  border-top: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .625rem;
  width: 100%;
  display: grid;
}

.public-pricing-page .public-pricing-model-list [data-slot="toggle-group-item"] {
  box-sizing: border-box;
  background: var(--mf-public-panel);
  min-width: 0;
  height: auto;
  min-height: 4.75rem;
  color: var(--mf-public-ink);
  grid-template-columns: 1.875rem minmax(0, 1fr) auto;
  justify-content: stretch;
  align-items: center;
  gap: .625rem;
  padding: .75rem;
  display: grid;
  border: 1px solid var(--mf-public-line) !important;
  border-radius: var(--mf-landing-radius-action) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-model-list [data-slot="toggle-group-item"] {
    color: color-mix(in srgb, var(--mf-public-ink) 72%, transparent);
  }
}

.public-pricing-page .public-pricing-model-list [data-slot="toggle-group-item"] {
  box-shadow: none;
  text-align: left;
  white-space: normal;
}

.public-pricing-page .public-pricing-model-strip [data-slot="toggle-group-item"] {
  flex: none;
  width: clamp(15.5rem, 23vw, 18.5rem);
}

.public-pricing-page .public-pricing-model-list [data-slot="toggle-group-item"]:hover {
  background: var(--mf-public-ink);
  border-color: var(--mf-public-line-strong) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-model-list [data-slot="toggle-group-item"]:hover {
    background: color-mix(in srgb,
    var(--mf-public-ink) 3.5%,
    var(--mf-public-panel));
  }
}

.public-pricing-page .public-pricing-model-list [data-slot="toggle-group-item"]:hover {
  color: var(--mf-public-ink);
}

.public-pricing-page .public-pricing-model-list [data-slot="toggle-group-item"][data-pressed] {
  border-color: var(--mf-catalog-acid) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-model-list [data-slot="toggle-group-item"][data-pressed] {
    border-color: color-mix(in srgb,
    var(--mf-catalog-acid) 78%,
    var(--mf-public-ink)) !important;
  }
}

.public-pricing-page .public-pricing-model-list [data-slot="toggle-group-item"][data-pressed] {
  background: var(--mf-catalog-acid);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-model-list [data-slot="toggle-group-item"][data-pressed] {
    background: color-mix(in srgb,
    var(--mf-catalog-acid) 8%,
    var(--mf-public-panel));
  }
}

.public-pricing-page .public-pricing-model-list [data-slot="toggle-group-item"][data-pressed] {
  color: var(--mf-public-ink);
  box-shadow: inset 3px 0 0 var(--mf-catalog-acid);
}

.public-pricing-page .public-pricing-model-choice-copy strong, .public-pricing-page .public-pricing-model-choice-copy small {
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  max-width: 100%;
  overflow: visible;
}

.public-pricing-page .public-pricing-model-detail {
  flex-direction: column;
  min-height: 0;
  display: flex;
}

.public-pricing-page .public-pricing-model-summary {
  border-bottom: 1px solid var(--mf-public-line-strong);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .875rem 1.5rem;
  min-height: 0;
  padding: 1rem 1.5rem;
  display: flex;
}

.public-pricing-page .public-pricing-model-summary-controls {
  flex-wrap: nowrap;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-model-summary-controls [data-slot="toggle-group-item"] {
  min-width: 2.75rem;
  font-family: var(--mf-public-mono);
  font-size: .6875rem;
}

.public-pricing-page .public-pricing-model-summary-controls [data-slot="toggle-group-item"][data-pressed] {
  background: var(--mf-public-ink);
  color: var(--mf-public-panel);
}

.public-pricing-page .public-pricing-route-heading {
  align-items: flex-start;
  margin-bottom: 1rem;
  padding-inline: 1.5rem;
  display: flex;
}

.public-pricing-page .public-pricing-comparison {
  border-block: 1px solid var(--mf-public-line-strong);
  border-top: 0;
  border-inline: 0;
  border-radius: 0;
  overflow: hidden;
}

.public-pricing-page .public-pricing-comparison-route-heading {
  font-family: var(--mf-public-mono);
}

.public-pricing-page .public-pricing-route-title {
  gap: .4rem;
}

.public-pricing-page .public-pricing-route-title > strong {
  font-size: .9375rem;
  font-weight: 680;
  line-height: 1.3;
}

.public-pricing-page .public-pricing-route-copy > small {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-route-copy > small {
    color: color-mix(in srgb, var(--mf-public-ink) 52%, transparent);
  }
}

.public-pricing-page .public-pricing-route-copy > small {
  font-family: var(--mf-public-mono);
  overflow-wrap: anywhere;
  font-size: .6875rem;
  line-height: 1.35;
}

.public-pricing-page .public-pricing-route-option[data-recommended="true"] {
  background: var(--mf-catalog-acid);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-route-option[data-recommended="true"] {
    background: color-mix(in srgb,
    var(--mf-catalog-acid) 4%,
    var(--mf-public-panel));
  }
}

.public-pricing-page .public-pricing-route-option[data-recommended="true"] .public-pricing-route-marker {
  background: var(--mf-catalog-acid);
}

.public-pricing-page .public-pricing-route-option[data-locked="true"] {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-route-option[data-locked="true"] {
    color: color-mix(in srgb, var(--mf-public-ink) 72%, transparent);
  }
}

.public-pricing-page .public-pricing-route-metrics {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: clamp(.625rem, 1.5vw, 1.25rem);
  width: 100%;
  padding: 1rem 1.25rem;
  display: grid;
}

.public-pricing-page .public-pricing-route-percent strong {
  font-size: .8125rem;
}

.public-pricing-page .public-pricing-loading {
  gap: clamp(2.5rem, 4vw, 3.25rem);
}

.public-pricing-page .public-pricing-loading-stage {
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-panel);
  background: var(--mf-public-panel);
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.public-pricing-page .public-pricing-loading-stage > div {
  border: 0;
}

.public-pricing-page .public-pricing-loading-toolbar {
  border-bottom: 1px solid var(--mf-public-line);
  grid-template-columns: minmax(17rem, 21rem) minmax(0, 1fr);
  min-width: 0;
  display: grid;
}

.public-pricing-page .public-pricing-loading-search, .public-pricing-page .public-pricing-loading-tabs {
  border-bottom: 0;
  min-height: 4rem;
}

.public-pricing-page .public-pricing-loading-search {
  border-right: 1px solid var(--mf-public-line);
  padding: .625rem 1rem;
}

.public-pricing-page .public-pricing-loading-nav-body {
  min-width: 0;
  padding: 1rem 1.25rem 1.25rem;
  overflow: hidden;
}

.public-pricing-page .public-pricing-loading-model-rows {
  gap: .625rem;
  min-width: max-content;
  display: flex;
}

.public-pricing-page .public-pricing-loading-price-rows {
  border-block: 1px solid var(--mf-public-line);
  background: var(--mf-public-line);
  flex-direction: column;
  gap: 1px;
  display: flex;
  overflow: hidden;
}

@media (max-width: 1020px) {
  .public-pricing-page .public-pricing-model-grid[data-slot="toggle-group"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-pricing-page .public-pricing-comparison-header {
    grid-template-columns: .5rem minmax(0, 1fr);
    gap: .75rem;
    min-height: 2.75rem;
    padding: 0 1.25rem;
    display: grid;
  }

  .public-pricing-page .public-pricing-comparison-header .public-pricing-route-pricing {
    display: none;
  }

  .public-pricing-page .public-pricing-comparison-row {
    grid-template-columns: .5rem minmax(0, 1fr);
    gap: .75rem;
    min-height: 0;
    padding: 0 1.25rem;
  }

  .public-pricing-page .public-pricing-route-copy {
    grid-column: 2;
    padding: 1rem 0 .875rem;
  }

  .public-pricing-page .public-pricing-route-copy > span:last-child {
    max-width: 44rem;
  }

  .public-pricing-page .public-pricing-route-pricing {
    border-top: 1px solid var(--mf-public-line);
    border-left: 0;
    grid-column: 2;
    grid-template-columns: minmax(0, 1fr) minmax(10rem, 12rem);
    width: 100%;
  }

  .public-pricing-page .public-pricing-route-metrics {
    grid-column: 1;
    padding: .875rem 1rem 1rem 0;
  }

  .public-pricing-page .public-pricing-route-percent {
    border-left: 1px solid var(--mf-public-line);
    grid-column: 2;
    padding-block: .875rem 1rem;
  }

  .public-pricing-page .public-pricing-metric-label {
    clip: auto;
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    position: static;
    overflow: visible;
  }

  .public-pricing-page .public-pricing-metric > small {
    color: var(--mf-public-ink);
    display: block;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .public-pricing-page .public-pricing-metric > small {
      color: color-mix(in srgb, var(--mf-public-ink) 42%, transparent);
    }
  }

  .public-pricing-page .public-pricing-metric > small {
    font-family: var(--mf-public-mono);
    font-size: .625rem;
  }
}

@media (max-width: 760px) {
  .public-pricing-page .public-pricing-model-toolbar, .public-pricing-page .public-pricing-loading-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-pricing-page .public-pricing-model-search, .public-pricing-page .public-pricing-search-summary, .public-pricing-page .public-pricing-search-results-scroll, .public-pricing-page .public-pricing-family-tabs-scroll, .public-pricing-page .public-pricing-model-strip-scroll {
    padding-inline: 1rem;
  }

  .public-pricing-page .public-pricing-model-search, .public-pricing-page .public-pricing-loading-search {
    border-right: 0;
    border-bottom: 1px solid var(--mf-public-line);
  }

  .public-pricing-page .public-pricing-family-tabs-scroll, .public-pricing-page .public-pricing-loading-tabs {
    min-height: 3.125rem;
  }

  .public-pricing-page .public-pricing-family-tabs-list[data-slot="tabs-list"], .public-pricing-page .public-pricing-family-tabs-list [data-slot="tabs-trigger"] {
    height: 3.0625rem;
    min-height: 3.0625rem;
  }

  .public-pricing-page .public-pricing-search {
    width: 100%;
  }

  .public-pricing-page .public-pricing-search-results-scroll {
    max-height: 20rem;
  }

  .public-pricing-page .public-pricing-model-grid[data-slot="toggle-group"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-pricing-page .public-pricing-family-tabs-list [data-slot="tabs-trigger"] {
    padding-inline: .7rem;
  }

  .public-pricing-page .public-pricing-model-strip [data-slot="toggle-group-item"] {
    width: min(82vw, 17rem);
  }

  .public-pricing-page .public-pricing-model-summary {
    flex-direction: column;
    padding-inline: 1rem;
  }

  .public-pricing-page .public-pricing-model-identity, .public-pricing-page .public-pricing-model-summary-actions, .public-pricing-page .public-pricing-model-summary-controls {
    flex-basis: auto;
    width: 100%;
    min-width: 0;
  }

  .public-pricing-page .public-pricing-model-summary-actions, .public-pricing-page .public-pricing-model-summary-controls {
    justify-content: flex-start;
  }

  .public-pricing-page .public-pricing-model-summary-actions {
    flex-wrap: wrap;
    align-items: center;
  }

  .public-pricing-page .public-pricing-currency-control {
    align-items: center;
  }

  .public-pricing-page .public-pricing-detail-link {
    width: 100%;
  }

  .public-pricing-page .public-pricing-route-heading, .public-pricing-page .public-pricing-model-footer {
    padding-inline: 1rem;
  }

  .public-pricing-page .public-pricing-comparison-row, .public-pricing-page .public-pricing-comparison-header {
    padding: 0 1rem;
  }

  .public-pricing-page .public-pricing-route-pricing {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-pricing-page .public-pricing-route-metrics {
    gap: .5rem;
    padding: .875rem 0;
  }

  .public-pricing-page .public-pricing-comparison[data-metric-count="1"] .public-pricing-route-metrics {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .public-pricing-page .public-pricing-comparison[data-metric-count="2"] .public-pricing-route-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .public-pricing-page .public-pricing-comparison[data-metric-count="3"] .public-pricing-route-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .public-pricing-page .public-pricing-comparison[data-metric-count="4"] .public-pricing-route-metrics {
    padding-bottom: 1rem;
    overflow-x: auto;
    grid-template-columns: repeat(4, minmax(5.25rem, 1fr)) !important;
  }

  .public-pricing-page .public-pricing-route-percent {
    border-top: 1px solid var(--mf-public-line);
    text-align: left;
    border-left: 0;
    align-items: flex-start;
    padding: .75rem 0 1rem;
  }

  .public-pricing-page .public-pricing-route-percent small {
    text-align: left;
    max-width: none;
  }

  .public-pricing-page .public-pricing-metric {
    text-align: left;
    align-items: flex-start;
  }

  .public-pricing-page .public-pricing-metric-value {
    justify-content: flex-end;
    align-items: flex-start;
    min-height: 2rem;
    font-size: clamp(.6875rem, 3vw, .8125rem);
  }

  .public-pricing-page .public-pricing-metric-label {
    font-size: .625rem;
  }

  .public-pricing-page .public-pricing-loading-search, .public-pricing-page .public-pricing-loading-tabs, .public-pricing-page .public-pricing-loading-nav-body, .public-pricing-page .public-pricing-loading-summary {
    padding-inline: 1rem;
  }
}

@media (max-width: 420px) {
  .public-pricing-page .public-pricing-model-strip [data-slot="toggle-group-item"] {
    width: 15.25rem;
  }

  .public-pricing-page .public-pricing-model-summary-controls {
    flex-flow: wrap;
    align-items: center;
  }

  .public-pricing-page .public-pricing-route-metrics {
    gap: .375rem;
  }

  .public-pricing-page .public-pricing-metric-value {
    font-size: .6875rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .public-pricing-page .public-pricing-model-list [data-slot="toggle-group-item"] {
    transition: none;
  }
}

.cheapai-public-surface.public-pricing-page {
  --mf-pricing-nav-width: clamp(17.75rem, 23vw, 18.75rem);
  --mf-pricing-header-height: 7.625rem;
  --mf-pricing-nav-row-height: 3.5rem;
  --mf-pricing-search-height: calc(var(--mf-pricing-header-height) - var(--mf-pricing-nav-row-height));
}

.public-pricing-page .public-pricing-workspace {
  grid-template-columns: var(--mf-pricing-nav-width) minmax(0, 1fr);
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-panel);
  background: var(--mf-public-panel);
  align-items: stretch;
  min-width: 0;
  margin-top: 0;
  display: grid;
  overflow: clip;
}

.public-pricing-page .public-pricing-model-browser {
  border-right: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  border-bottom: 0;
  min-width: 0;
  display: block;
  overflow: visible;
}

.public-pricing-page .public-pricing-model-browser-shell {
  flex-direction: column;
  min-width: 0;
  height: min(52rem, max(28rem, 100dvh - 6rem));
  display: flex;
  position: sticky;
  top: 5rem;
  overflow: hidden;
}

.public-pricing-page .public-pricing-model-browser-heading {
  flex: none;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  min-height: 3.5rem;
  padding: .875rem 1rem .75rem;
  display: flex;
}

.public-pricing-page .public-pricing-model-browser-heading > strong {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  white-space: nowrap;
  font-size: .6875rem;
  font-weight: 550;
}

.public-pricing-page .public-pricing-directory-panel {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  display: flex;
}

.public-pricing-page .public-pricing-model-search {
  border-right: 0;
  border-bottom: 1px solid var(--mf-public-line);
  flex: none;
  min-height: 0;
  padding: 0 1rem .875rem;
}

.public-pricing-page .public-pricing-search {
  width: 100%;
}

.public-pricing-page .public-pricing-model-directory-scroll {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.public-pricing-page .public-pricing-model-directory-scroll [data-slot="scroll-area-viewport"] {
  touch-action: pan-y;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.public-pricing-page .public-pricing-model-directory {
  min-width: 0;
  padding: .5rem .75rem 1rem;
}

.public-pricing-page .public-pricing-model-family {
  min-width: 0;
  padding-bottom: .75rem;
}

.public-pricing-page .public-pricing-model-family + .public-pricing-model-family {
  border-top: 1px solid var(--mf-public-line);
  padding-top: .5rem;
}

.public-pricing-page .public-pricing-model-family-heading {
  z-index: 1;
  background: var(--mf-public-panel);
  grid-template-columns: 1.25rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  padding: .5rem;
  display: grid;
  position: sticky;
  top: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-model-family-heading {
    background: color-mix(in srgb, var(--mf-public-panel) 94%, transparent);
  }
}

.public-pricing-page .public-pricing-model-family-heading {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.public-pricing-page .public-pricing-model-family-heading > strong {
  color: var(--mf-public-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 680;
  overflow: hidden;
}

.public-pricing-page .public-pricing-model-family-heading > small {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  white-space: nowrap;
  font-size: .625rem;
}

.public-pricing-page .public-pricing-family-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-flex;
}

.public-pricing-page .public-pricing-model-family-list {
  flex-direction: column;
  gap: .25rem;
  min-width: 0;
  padding-top: .25rem;
  display: flex;
}

.public-pricing-page .public-pricing-model-option {
  border-radius: var(--mf-landing-radius-action);
  width: 100%;
  min-width: 0;
  min-height: 3.75rem;
  color: var(--mf-public-ink);
  background: none;
  border: 1px solid #0000;
  grid-template-columns: 1.875rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .625rem;
  padding: .625rem;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-model-option {
    color: color-mix(in srgb, var(--mf-public-ink) 72%, transparent);
  }
}

.public-pricing-page .public-pricing-model-option {
  text-align: left;
  transition: border-color .16s, background-color .16s, color .16s;
}

.public-pricing-page .public-pricing-model-option:hover {
  border-color: var(--mf-public-line);
  background: var(--mf-public-line-soft);
  color: var(--mf-public-ink);
}

.public-pricing-page .public-pricing-model-option:focus-visible {
  border-color: var(--mf-public-ink);
  outline: 3px solid var(--mf-catalog-acid);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-model-option:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--mf-catalog-acid) 24%, transparent);
  }
}

.public-pricing-page .public-pricing-model-option:focus-visible {
  outline-offset: 1px;
}

.public-pricing-page .public-pricing-model-option[data-model-selected="true"] {
  border-color: var(--mf-catalog-acid);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-model-option[data-model-selected="true"] {
    border-color: color-mix(in srgb,
    var(--mf-catalog-acid) 70%,
    var(--mf-public-ink));
  }
}

.public-pricing-page .public-pricing-model-option[data-model-selected="true"] {
  background: var(--mf-catalog-acid);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-model-option[data-model-selected="true"] {
    background: color-mix(in srgb,
    var(--mf-catalog-acid) 8%,
    var(--mf-public-panel));
  }
}

.public-pricing-page .public-pricing-model-option[data-model-selected="true"] {
  color: var(--mf-public-ink);
  box-shadow: inset 3px 0 0 var(--mf-catalog-acid);
}

.public-pricing-page .public-pricing-model-choice-icon {
  width: 1.875rem;
  height: 1.875rem;
}

.public-pricing-page .public-pricing-model-choice-copy {
  gap: .175rem;
}

.public-pricing-page .public-pricing-model-choice-copy strong, .public-pricing-page .public-pricing-model-choice-copy small {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}

.public-pricing-page .public-pricing-model-choice-copy strong {
  line-height: 1.3;
}

.public-pricing-page .public-pricing-model-choice-copy small {
  font-size: .625rem;
  line-height: 1.35;
}

.public-pricing-page .public-pricing-model-choice-meta {
  min-width: 2.5rem;
  padding-left: .25rem;
}

.public-pricing-page .public-pricing-search-empty {
  min-height: 14rem;
}

.public-pricing-page .public-pricing-compact-model-nav {
  display: none;
}

.public-pricing-page .public-pricing-model-detail {
  flex-direction: column;
  min-width: 0;
  min-height: 100%;
  display: flex;
  overflow: hidden;
}

.public-pricing-page .public-pricing-model-summary {
  border-bottom: 1px solid var(--mf-public-line-strong);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem 1.5rem;
  min-height: 0;
  padding: 1rem 1.25rem;
  display: grid;
}

.public-pricing-page .public-pricing-model-identity {
  flex: none;
  min-width: 0;
}

.public-pricing-page .public-pricing-model-identity > div {
  min-width: 0;
}

.public-pricing-page .public-pricing-model-title-row h2 {
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  overflow: visible;
}

.public-pricing-page .public-pricing-model-summary-actions {
  flex-wrap: wrap;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-price-display {
  align-items: center;
  gap: .625rem;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-model-summary-controls {
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-currency-control {
  align-items: center;
}

.public-pricing-page .public-pricing-model-summary-controls [data-slot="toggle-group"] {
  border-color: var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  flex: none;
}

.public-pricing-page .public-pricing-model-summary-controls [data-slot="toggle-group"] > [aria-pressed] {
  min-width: 2.75rem;
  font-family: var(--mf-public-mono);
  font-size: .6875rem;
}

.public-pricing-page .public-pricing-model-summary-controls [data-slot="toggle-group"] > [aria-pressed="true"] {
  background: var(--mf-public-ink);
  color: var(--mf-public-panel);
}

.public-pricing-page .public-pricing-detail-link {
  flex: none;
}

.public-pricing-page .public-pricing-route-section {
  padding: 0;
}

.public-pricing-page .public-pricing-comparison {
  border-block: 0 1px solid var(--mf-public-line-strong);
  border-inline: 0;
  border-radius: 0;
  overflow: hidden;
}

.public-pricing-page .public-pricing-comparison-header, .public-pricing-page .public-pricing-comparison-row {
  border: 0;
  border-bottom: 1px solid var(--mf-public-line);
  text-align: left;
  grid-template-columns: .5rem minmax(13.5rem, .75fr) minmax(0, 1.25fr);
  align-items: stretch;
  gap: .875rem;
  width: 100%;
  min-width: 0;
  padding: 0 0 0 1rem;
  display: grid;
  border-radius: 0 !important;
}

.public-pricing-page .public-pricing-comparison-header {
  background: var(--mf-public-panel-strong);
  min-height: 3rem;
}

.public-pricing-page .public-pricing-comparison-row {
  min-height: 6.75rem;
}

.public-pricing-page .public-pricing-route-copy {
  justify-content: center;
  gap: .35rem;
  padding-block: 1rem;
}

.public-pricing-page .public-pricing-route-copy > small {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-route-copy > small {
    color: color-mix(in srgb, var(--mf-public-ink) 52%, transparent);
  }
}

.public-pricing-page .public-pricing-route-copy > small {
  font-family: var(--mf-public-mono);
  overflow-wrap: anywhere;
  font-size: .6875rem;
  line-height: 1.35;
}

.public-pricing-page .public-pricing-route-copy > span:last-child {
  max-width: 30rem;
  color: var(--mf-public-muted);
  -webkit-box-orient: initial;
  -webkit-line-clamp: unset;
  font-size: .75rem;
  line-height: 1.5;
  display: block;
  overflow: visible;
}

.public-pricing-page .public-pricing-route-pricing {
  border-left: 1px solid var(--mf-public-line);
  grid-template-columns: minmax(0, 1fr) minmax(8.75rem, 10rem);
  align-self: stretch;
  align-items: stretch;
  display: grid;
}

.public-pricing-page .public-pricing-route-metrics {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: clamp(.5rem, 1vw, .875rem);
  width: 100%;
  padding: 1rem;
  display: grid;
  overflow: visible;
}

.public-pricing-page .public-pricing-comparison[data-metric-count="2"] .public-pricing-route-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.public-pricing-page .public-pricing-comparison[data-metric-count="3"] .public-pricing-route-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.public-pricing-page .public-pricing-comparison[data-metric-count="4"] .public-pricing-route-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.public-pricing-page .public-pricing-route-percent {
  border-top: 0;
  border-left: 1px solid var(--mf-public-line);
  text-align: right;
  justify-content: center;
  align-items: flex-end;
  gap: .3rem;
  width: auto;
  padding: 1rem .875rem;
}

.public-pricing-page .public-pricing-route-percent small {
  max-width: 8.5rem;
}

.public-pricing-page .public-pricing-metric {
  text-align: right;
  justify-content: center;
  align-items: flex-end;
}

.public-pricing-page .public-pricing-metric-value {
  justify-content: flex-end;
  align-items: flex-end;
  min-height: 2.25rem;
  font-size: clamp(.75rem, 1vw, .875rem);
  overflow: visible;
}

.public-pricing-page .public-pricing-metric-value strong {
  text-overflow: clip;
  overflow-wrap: anywhere;
  max-width: none;
  overflow: visible;
}

.public-pricing-page .public-pricing-model-footer {
  border-top: 0;
  margin-top: 0;
  padding: .875rem 1.25rem;
}

.public-pricing-model-drawer {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-sans);
  overflow: hidden;
  border-color: var(--mf-public-line-strong) !important;
  background: var(--mf-public-panel) !important;
}

.public-pricing-model-drawer .public-pricing-model-drawer-header {
  border-bottom: 1px solid var(--mf-public-line);
  text-align: left;
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .875rem 1rem;
  display: flex;
}

.public-pricing-model-drawer .public-pricing-model-drawer-header > div {
  min-width: 0;
}

.public-pricing-model-drawer .public-pricing-directory-panel {
  flex: 1;
  min-height: 0;
}

.public-pricing-model-drawer .public-pricing-model-search {
  padding-top: .875rem;
}

.public-pricing-page .public-pricing-loading-stage {
  grid-template-columns: var(--mf-pricing-nav-width) minmax(0, 1fr);
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-panel);
  background: var(--mf-public-panel);
  display: grid;
  overflow: hidden;
}

.public-pricing-page .public-pricing-loading-stage > div:first-child {
  border-right: 1px solid var(--mf-public-line-strong);
  border-bottom: 0;
}

.public-pricing-page .public-pricing-loading-nav, .public-pricing-page .public-pricing-loading-detail {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-loading-directory-heading {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  min-height: 3.5rem;
  padding: .875rem 1rem .75rem;
  display: flex;
}

.public-pricing-page .public-pricing-loading-search {
  border-right: 0;
  border-bottom: 1px solid var(--mf-public-line);
  min-height: 0;
  padding: 0 1rem .875rem;
}

.public-pricing-page .public-pricing-loading-nav-body {
  min-width: 0;
  padding: .75rem;
}

.public-pricing-page .public-pricing-loading-model-rows {
  border-block: 0;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-loading-compact-nav {
  display: none;
}

.public-pricing-page .public-pricing-loading-summary {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 7.5rem;
  padding: 1rem 1.25rem;
  display: flex;
}

.public-pricing-page .public-pricing-loading-summary-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: .625rem;
  display: flex;
}

@media not (max-width: 1180px) {
  .public-pricing-page .public-pricing-model-browser-heading, .public-pricing-page .public-pricing-loading-directory-heading {
    min-height: var(--mf-pricing-nav-row-height);
  }

  .public-pricing-page .public-pricing-model-search, .public-pricing-page .public-pricing-loading-search {
    min-height: var(--mf-pricing-search-height);
  }

  .public-pricing-page .public-pricing-model-summary, .public-pricing-page .public-pricing-loading-summary {
    min-height: var(--mf-pricing-header-height);
  }
}

.public-pricing-page .public-pricing-loading-detail-body {
  padding: 0;
}

@media (max-width: 1180px) {
  .public-pricing-page .public-pricing-workspace, .public-pricing-page .public-pricing-loading-stage {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-pricing-page .public-pricing-model-browser, .public-pricing-page .public-pricing-loading-nav {
    display: none;
  }

  .public-pricing-page .public-pricing-compact-model-nav, .public-pricing-page .public-pricing-loading-compact-nav {
    border-bottom: 1px solid var(--mf-public-line-strong);
    background: var(--mf-public-panel-strong);
    padding: .625rem;
    display: block;
  }

  .public-pricing-page .public-pricing-mobile-model-toggle {
    white-space: normal;
    border: 1px solid #0000;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    height: auto;
    min-height: 3.5rem;
    margin: 0;
    padding: .625rem .75rem;
    display: flex;
  }

  .public-pricing-page .public-pricing-mobile-model-toggle:hover {
    border-color: var(--mf-public-line);
    background: var(--mf-public-panel);
  }

  .public-pricing-page .public-pricing-compact-model-copy {
    text-align: left;
    align-items: center;
    gap: .625rem;
    min-width: 0;
    display: flex;
  }

  .public-pricing-page .public-pricing-compact-model-copy > span:last-child {
    flex-direction: column;
    gap: .125rem;
    min-width: 0;
    display: flex;
  }

  .public-pricing-page .public-pricing-compact-model-copy small {
    color: var(--mf-public-muted);
    font-family: var(--mf-public-mono);
    letter-spacing: .055em;
    text-transform: uppercase;
    font-size: .625rem;
    font-weight: 600;
  }

  .public-pricing-page .public-pricing-compact-model-copy strong {
    max-width: min(60vw, 32rem);
    font-family: var(--mf-public-mono);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .8125rem;
    font-weight: 650;
    overflow: hidden;
  }

  .public-pricing-page .public-pricing-compact-model-action {
    color: var(--mf-public-muted);
    text-align: right;
    flex: none;
    align-items: center;
    gap: .375rem;
    font-size: .75rem;
    display: inline-flex;
  }

  .public-pricing-page .public-pricing-loading-compact-nav {
    padding: .75rem 1rem;
  }

  .public-pricing-page .public-pricing-loading-stage > div:first-child {
    border-right: 0;
  }
}

@media (max-width: 1020px) {
  .public-pricing-page .public-pricing-comparison-header {
    grid-template-columns: .5rem minmax(0, 1fr);
    gap: .75rem;
    min-height: 2.75rem;
    padding: 0 1.25rem;
    display: grid;
  }

  .public-pricing-page .public-pricing-comparison-header .public-pricing-route-pricing {
    display: none;
  }

  .public-pricing-page .public-pricing-comparison-row {
    grid-template-columns: .5rem minmax(0, 1fr);
    gap: .75rem;
    min-height: 0;
    padding: 0 1.25rem;
  }

  .public-pricing-page .public-pricing-route-copy {
    grid-column: 2;
    padding: 1rem 0 .875rem;
  }

  .public-pricing-page .public-pricing-route-copy > span:last-child {
    max-width: 44rem;
  }

  .public-pricing-page .public-pricing-route-pricing {
    border-top: 1px solid var(--mf-public-line);
    border-left: 0;
    grid-column: 2;
    grid-template-columns: minmax(0, 1fr) minmax(10rem, 12rem);
    width: 100%;
  }

  .public-pricing-page .public-pricing-route-metrics {
    padding: .875rem 1rem 1rem 0;
  }

  .public-pricing-page .public-pricing-comparison[data-metric-count="3"] .public-pricing-route-metrics, .public-pricing-page .public-pricing-comparison[data-metric-count="4"] .public-pricing-route-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-pricing-page .public-pricing-route-percent {
    border-left: 1px solid var(--mf-public-line);
    padding-block: .875rem 1rem;
  }

  .public-pricing-page .public-pricing-metric-label {
    clip: auto;
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    position: static;
    overflow: visible;
  }

  .public-pricing-page .public-pricing-metric > small {
    color: var(--mf-public-ink);
    display: block;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .public-pricing-page .public-pricing-metric > small {
      color: color-mix(in srgb, var(--mf-public-ink) 42%, transparent);
    }
  }

  .public-pricing-page .public-pricing-metric > small {
    font-family: var(--mf-public-mono);
    font-size: .625rem;
  }
}

@media (max-width: 760px) {
  .public-pricing-page .public-pricing-compact-model-nav {
    padding: .5rem;
  }

  .public-pricing-page .public-pricing-mobile-model-toggle {
    gap: .75rem;
    padding: .625rem;
  }

  .public-pricing-page .public-pricing-compact-model-copy strong {
    max-width: min(48vw, 18rem);
  }

  .public-pricing-page .public-pricing-model-summary {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    padding: 1rem;
  }

  .public-pricing-page .public-pricing-model-summary-actions {
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
  }

  .public-pricing-page .public-pricing-price-display {
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    width: 100%;
  }

  .public-pricing-page .public-pricing-model-summary-controls {
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
  }

  .public-pricing-page .public-pricing-detail-link {
    width: 100%;
  }

  .public-pricing-page .public-pricing-comparison-header, .public-pricing-page .public-pricing-comparison-row {
    padding-inline: .875rem;
  }

  .public-pricing-page .public-pricing-route-pricing {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-pricing-page .public-pricing-route-metrics, .public-pricing-page .public-pricing-comparison[data-metric-count="1"] .public-pricing-route-metrics {
    grid-column: 1;
    gap: .625rem;
    padding: .875rem 0;
    overflow-x: clip;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .public-pricing-page .public-pricing-comparison[data-metric-count="2"] .public-pricing-route-metrics, .public-pricing-page .public-pricing-comparison[data-metric-count="3"] .public-pricing-route-metrics, .public-pricing-page .public-pricing-comparison[data-metric-count="4"] .public-pricing-route-metrics {
    overflow-x: clip;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .public-pricing-page .public-pricing-route-percent {
    border-top: 1px solid var(--mf-public-line);
    text-align: left;
    border-left: 0;
    grid-column: 1;
    align-items: flex-start;
    padding: .75rem 0 1rem;
  }

  .public-pricing-page .public-pricing-route-percent small {
    text-align: left;
    max-width: none;
  }

  .public-pricing-page .public-pricing-metric {
    text-align: left;
    align-items: flex-start;
  }

  .public-pricing-page .public-pricing-metric-value {
    align-items: flex-start;
    min-height: 2rem;
    font-size: .8125rem;
  }

  .public-pricing-page .public-pricing-model-footer {
    padding-inline: 1rem;
  }

  .public-pricing-page .public-pricing-loading-summary {
    flex-direction: column;
    align-items: flex-start;
    padding-inline: 1rem;
  }

  .public-pricing-page .public-pricing-loading-summary-actions {
    justify-content: flex-start;
    width: 100%;
  }
}

@media (max-width: 420px) {
  .public-pricing-page .public-pricing-compact-model-copy strong {
    max-width: 42vw;
  }

  .public-pricing-page .public-pricing-compact-model-action {
    justify-content: flex-end;
    max-width: 7.5rem;
    line-height: 1.25;
  }

  .public-pricing-page .public-pricing-comparison[data-metric-count="2"] .public-pricing-route-metrics, .public-pricing-page .public-pricing-comparison[data-metric-count="3"] .public-pricing-route-metrics, .public-pricing-page .public-pricing-comparison[data-metric-count="4"] .public-pricing-route-metrics {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .public-pricing-model-drawer {
    min-height: 78dvh;
  }
}

@media (prefers-reduced-motion: reduce) {
  .public-pricing-page .public-pricing-model-option {
    transition: none;
  }
}

.cheapai-public-surface, .public-model-detail-sheet, .public-pricing-model-drawer {
  --mf-public-brand: #4340ff;
  --mf-public-bg: #f5f5f3;
  --mf-public-panel: #fff;
  --mf-public-panel-strong: #fafafa;
  --mf-public-ink: #141414;
  --mf-public-muted: #626262;
  --mf-public-line: #14141421;
  --mf-public-line-soft: #1414140f;
  --mf-public-line-strong: #1414143d;
  --mf-public-shadow-soft: #1414140a;
  --mf-public-shadow-medium: #14141412;
  --mf-public-shadow-strong: #14141417;
  --mf-public-code-bg: #efefec;
  --mf-public-code-line: #14141429;
  --mf-public-frame-width: min(calc(100% - 48px), 80rem);
  --mf-public-gutter: 2rem;
  --mf-public-sans: "TWK Lausanne", "PingFang SC", "PingFang TC", "Hiragino Sans GB",
    "Hiragino Kaku Gothic ProN", "Microsoft YaHei", "Noto Sans CJK SC",
    "Noto Sans CJK JP", "Noto Sans CJK KR", "Noto Sans SC", ui-sans-serif,
    system-ui, -apple-system, sans-serif;
  --mf-public-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;
  --background: var(--mf-public-bg);
  --foreground: var(--mf-public-ink);
  --card: var(--mf-public-panel);
  --card-foreground: var(--mf-public-ink);
  --popover: var(--mf-public-panel-strong);
  --popover-foreground: var(--mf-public-ink);
  --primary: var(--mf-public-ink);
  --primary-foreground: var(--mf-public-panel-strong);
  --secondary: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-public-surface, .public-model-detail-sheet, .public-pricing-model-drawer {
    --secondary: color-mix(in srgb, var(--mf-public-ink) 7%, transparent);
  }
}

.cheapai-public-surface, .public-model-detail-sheet, .public-pricing-model-drawer {
  --secondary-foreground: var(--mf-public-ink);
  --muted: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-public-surface, .public-model-detail-sheet, .public-pricing-model-drawer {
    --muted: color-mix(in srgb, var(--mf-public-ink) 6%, transparent);
  }
}

.cheapai-public-surface, .public-model-detail-sheet, .public-pricing-model-drawer {
  --muted-foreground: var(--mf-public-muted);
  --accent: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-public-surface, .public-model-detail-sheet, .public-pricing-model-drawer {
    --accent: color-mix(in srgb, var(--mf-public-ink) 8%, transparent);
  }
}

.cheapai-public-surface, .public-model-detail-sheet, .public-pricing-model-drawer {
  --accent-foreground: var(--mf-public-ink);
  --border: var(--mf-public-line);
  --input: var(--mf-public-line-strong);
  --ring: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-public-surface, .public-model-detail-sheet, .public-pricing-model-drawer {
    --ring: color-mix(in srgb, var(--mf-public-ink) 34%, transparent);
  }
}

.cheapai-public-surface, .public-model-detail-sheet, .public-pricing-model-drawer {
  --surface: var(--mf-public-panel);
  --surface-foreground: var(--mf-public-ink);
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

.dark .cheapai-public-surface, .dark .public-model-detail-sheet, .dark .public-pricing-model-drawer {
  --mf-public-brand: #8f8cff;
  --mf-public-bg: #0b0d0b;
  --mf-public-panel: #111410;
  --mf-public-panel-strong: #171a16;
  --mf-public-ink: #f3f5ef;
  --mf-public-muted: #99a197;
  --mf-public-line: #ecf5e41f;
  --mf-public-line-soft: #ecf5e40f;
  --mf-public-line-strong: #ecf5e433;
  --mf-public-shadow-soft: #00000047;
  --mf-public-shadow-medium: #0000005c;
  --mf-public-shadow-strong: #00000070;
  --mf-public-code-bg: #0c0c0d;
  --mf-public-code-line: #ffffff24;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

.cheapai-public-surface {
  isolation: isolate;
  background: var(--mf-public-bg);
  min-height: calc(100svh - 52px);
  color: var(--mf-public-ink);
  font-family: var(--mf-public-sans);
  text-rendering: optimizelegibility;
  position: relative;
  overflow: clip;
}

.cheapai-public-surface :is(code, pre, .font-mono) {
  font-family: var(--mf-public-mono);
}

.public-page-grid {
  z-index: -1;
  background-image: linear-gradient(to right, var(--mf-public-line-soft) 1px, transparent 1px),
    linear-gradient(to bottom, var(--mf-public-line-soft) 1px, transparent 1px);
  background-size: var(--mf-landing-grid-unit) var(--mf-landing-grid-unit);
  opacity: .36;
  pointer-events: none;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#0000008a, #0000 30rem calc(100% - 18rem), #0000003d);
  mask-image: linear-gradient(#0000008a, #0000 30rem calc(100% - 18rem), #0000003d);
}

.public-page-frame {
  z-index: 1;
  width: var(--mf-public-frame-width);
  max-width: 80rem;
  padding: clamp(4.75rem, 7vw, 6.25rem) var(--mf-public-gutter)
    clamp(5.75rem, 8vw, 7rem);
  margin-inline: auto;
  position: relative;
}

.public-page-hero {
  width: min(100%, 52rem);
}

.public-page-eyebrow {
  color: var(--mf-public-ink);
  align-items: center;
  gap: .65rem;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-page-eyebrow {
    color: color-mix(in srgb, var(--mf-public-ink) 58%, transparent);
  }
}

.public-page-eyebrow {
  font-family: var(--mf-public-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.25;
}

.public-page-eyebrow > span {
  border: 1px solid var(--mf-public-ink);
  background: var(--mf-public-brand);
  width: .5625rem;
  height: .5625rem;
  box-shadow: 2px 2px 0 var(--mf-public-ink);
  flex: none;
}

.public-page-title {
  max-width: 10.5em;
  color: var(--mf-public-ink);
  font-family: var(--mf-public-sans);
  letter-spacing: -.052em;
  text-wrap: balance;
  margin: 1.35rem 0 0;
  font-size: clamp(3.5rem, 5.6vw, 5rem);
  font-weight: 500;
  line-height: .96;
}

.public-page-lead {
  max-width: 43rem;
  color: var(--mf-public-muted);
  letter-spacing: 0;
  text-wrap: pretty;
  margin: 1.5rem 0 0;
  font-size: 1.0625rem;
  line-height: 1.62;
}

.cheapai-public-surface :is([data-slot="button"], [data-slot="badge"], [data-slot="toggle-group"], [data-slot="toggle-group-item"], [data-slot="card"], input, kbd) {
  border-radius: var(--mf-landing-radius-action) !important;
}

.cheapai-public-surface [data-slot="button"] {
  box-shadow: none;
  transition: border-color var(--mf-landing-motion-fast) var(--mf-landing-ease-interface),
    background-color var(--mf-landing-motion-fast)
      var(--mf-landing-ease-interface),
    color var(--mf-landing-motion-fast) var(--mf-landing-ease-interface),
    transform var(--mf-landing-motion-fast) var(--mf-landing-ease-interface);
  font-weight: 500;
}

.cheapai-public-surface [data-slot="button"]:hover {
  transform: translateY(-1px);
}

.cheapai-public-surface :focus-visible {
  outline: 2px solid var(--mf-public-ink);
  outline-offset: 2px;
}

.public-catalog-search {
  width: min(100%, 44rem);
  margin-top: 2rem;
}

.public-catalog-search-input {
  height: 3rem;
  box-shadow: 4px 4px 0 var(--mf-public-shadow-soft);
  font-family: var(--mf-public-sans);
  border-color: var(--mf-public-line-strong) !important;
  background: var(--mf-public-panel-strong) !important;
}

.public-catalog-search-input:focus {
  border-color: var(--mf-public-ink) !important;
  box-shadow: 4px 4px 0 var(--mf-public-shadow-medium),
    0 0 0 3px var(--mf-public-brand) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-catalog-search-input:focus {
    box-shadow: 4px 4px 0 var(--mf-public-shadow-medium),
    0 0 0 3px color-mix(in srgb, var(--mf-public-brand) 18%, transparent) !important;
  }
}

.public-catalog-search-shell kbd {
  border-color: var(--mf-public-line);
  background: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-catalog-search-shell kbd {
    background: color-mix(in srgb, var(--mf-public-ink) 5%, transparent);
  }
}

.public-catalog-search-shell kbd {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-catalog-search-shell kbd {
    color: color-mix(in srgb, var(--mf-public-ink) 50%, transparent);
  }
}

.public-catalog-workspace {
  border-top: 1px solid var(--mf-public-line-strong);
  grid-template-columns: minmax(17.5rem, 19rem) minmax(0, 1fr);
  gap: 1rem;
  margin-top: clamp(3.75rem, 6vw, 5rem);
  padding-top: 1rem;
  display: grid;
}

.public-catalog-sidebar {
  top: 4.25rem;
}

.public-catalog-sidebar-panel, .public-catalog-toolbar {
  background: var(--mf-public-panel);
  border-color: var(--mf-public-line-strong) !important;
  border-radius: var(--mf-landing-radius-panel) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-catalog-sidebar-panel, .public-catalog-toolbar {
    background: color-mix(in srgb, var(--mf-public-panel) 92%, transparent);
  }
}

.public-catalog-sidebar-panel, .public-catalog-toolbar {
  box-shadow: 5px 5px 0 var(--mf-public-shadow-soft);
}

.public-catalog-sidebar-panel {
  scrollbar-color: var(--mf-public-ink)
    transparent;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-catalog-sidebar-panel {
    scrollbar-color: color-mix(in srgb, var(--mf-public-ink) 22%, transparent)
    transparent;
  }
}

.public-catalog-sidebar-panel button, .public-catalog-toolbar button {
  font-family: var(--mf-public-sans);
}

.public-catalog-sidebar-panel > div:last-child > div {
  border-color: var(--mf-public-line);
}

.public-catalog-toolbar {
  z-index: 2;
  position: relative;
}

.public-catalog-toolbar [data-slot="toggle-group"] {
  border-color: var(--mf-public-line-strong);
  background: var(--mf-public-panel-strong);
}

.public-catalog-toolbar [data-slot="toggle-group-item"][data-pressed] {
  background: var(--mf-public-ink);
  color: var(--mf-public-panel-strong);
}

.public-model-card {
  background: var(--mf-public-panel);
  min-height: 13.75rem;
  box-shadow: 4px 4px 0 var(--mf-public-shadow-soft);
  transition: border-color var(--mf-landing-motion-fast) var(--mf-landing-ease-interface),
    background-color var(--mf-landing-motion-fast)
      var(--mf-landing-ease-interface),
    box-shadow var(--mf-landing-motion-fast) var(--mf-landing-ease-interface),
    transform var(--mf-landing-motion-fast) var(--mf-landing-ease-interface);
  border-color: var(--mf-public-line-strong) !important;
  border-radius: var(--mf-landing-radius-panel) !important;
}

.public-model-card:hover {
  box-shadow: 6px 6px 0 var(--mf-public-shadow-medium);
  transform: translate(-1px, -1px);
  border-color: var(--mf-public-ink) !important;
  background: var(--mf-public-panel-strong) !important;
}

.public-model-card > div:first-child > div:first-child > div:first-child {
  border: 1px solid var(--mf-public-line);
  background: var(--mf-public-ink);
  border-radius: var(--mf-landing-radius-action) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-model-card > div:first-child > div:first-child > div:first-child {
    background: color-mix(in srgb, var(--mf-public-ink) 4%, transparent);
  }
}

.public-model-card [data-slot="badge"] {
  border-color: var(--mf-public-line);
}

.public-catalog-page [data-slot="table-container"] {
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-panel);
  background: var(--mf-public-panel);
  box-shadow: 5px 5px 0 var(--mf-public-shadow-soft);
}

.public-catalog-page [data-slot="table"] thead {
  background: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-catalog-page [data-slot="table"] thead {
    background: color-mix(in srgb, var(--mf-public-ink) 5%, transparent);
  }
}

.public-catalog-page [data-slot="table"] thead {
  font-family: var(--mf-public-mono);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .6875rem;
}

.public-catalog-page [data-slot="table"] tr {
  border-color: var(--mf-public-line);
}

.public-model-detail-frame {
  min-height: 42rem;
}

.public-model-detail-page :is([data-slot="tabs-list"], [data-slot="card"], [data-slot="table-container"]) {
  border-color: var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  border-radius: var(--mf-landing-radius-panel) !important;
}

.public-model-detail-page [data-slot="tabs-trigger"] {
  border-radius: var(--mf-landing-radius-action) !important;
}

.public-model-detail-sheet {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-sans);
  border-left-color: var(--mf-public-line-strong) !important;
  background: var(--mf-public-bg) !important;
}

.public-model-detail-sheet :is([data-slot="button"], [data-slot="badge"], [data-slot="tabs-list"], [data-slot="tabs-trigger"], [data-slot="table-container"]) {
  border-radius: var(--mf-landing-radius-action) !important;
}

.public-model-detail-sheet :is(code, pre, .font-mono) {
  font-family: var(--mf-public-mono);
}

.public-docs-frame {
  min-height: 40rem;
}

.public-docs-hero {
  margin-bottom: 0;
}

.public-docs-workspace {
  border-top: 1px solid var(--mf-public-line-strong);
  flex-direction: column;
  gap: 1rem;
  margin-top: clamp(3.75rem, 6vw, 5rem);
  padding-top: 1rem;
  display: flex;
}

.public-docs-toolbar, .public-docs-directory {
  border: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  border-radius: var(--mf-landing-radius-panel) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-docs-toolbar, .public-docs-directory {
    background: color-mix(in srgb, var(--mf-public-panel) 94%, transparent);
  }
}

.public-docs-toolbar, .public-docs-directory {
  box-shadow: 5px 5px 0 var(--mf-public-shadow-soft);
}

.public-docs-toolbar {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  padding: .875rem 1rem;
  display: flex;
}

.public-docs-toolbar-endpoint {
  width: min(100%, 31rem);
  min-width: 0;
}

.public-docs-support-actions {
  flex: none;
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.public-docs-ticket-action {
  min-height: 2.75rem;
  border-color: var(--mf-public-line-strong) !important;
  background: var(--mf-public-panel) !important;
  color: var(--mf-public-ink) !important;
}

.public-docs-ticket-action:hover {
  border-color: var(--mf-public-ink) !important;
  background: var(--mf-public-panel-strong) !important;
}

.public-docs-directory {
  min-width: 0;
  overflow: hidden;
}

.public-docs-directory-header {
  border-bottom: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-ink);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 3.25rem;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-docs-directory-header {
    background: color-mix(in srgb, var(--mf-public-ink) 3%, transparent);
  }
}

.public-docs-directory-header {
  color: var(--mf-public-ink);
  padding: .875rem 1.125rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-docs-directory-header {
    color: color-mix(in srgb, var(--mf-public-ink) 58%, transparent);
  }
}

.public-docs-directory-header {
  font-family: var(--mf-public-mono);
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.3;
}

.public-docs-guide-link {
  color: inherit;
  text-decoration: none;
}

.public-docs-guide-cluster {
  min-width: 0;
}

.public-docs-guide-cluster:not(:last-child) {
  border-bottom: 1px solid var(--mf-public-line);
}

.public-docs-card {
  background: var(--mf-public-panel);
  box-shadow: none;
  transition: background-color var(--mf-landing-motion-fast)
    var(--mf-landing-ease-interface);
  border: 0;
  grid-template-columns: minmax(13.5rem, .9fr) minmax(16rem, 1.2fr) minmax(12rem, .76fr);
  position: relative;
  overflow: visible;
  border-radius: 0 !important;
  gap: 0 !important;
  padding: 0 !important;
  display: grid !important;
}

.public-docs-card:before {
  z-index: 1;
  background: var(--mf-public-brand);
  content: "";
  opacity: 0;
  width: 3px;
  transition: opacity var(--mf-landing-motion-fast) var(--mf-landing-ease-interface),
    transform var(--mf-landing-motion-fast) var(--mf-landing-ease-interface);
  position: absolute;
  inset: 0 auto 0 0;
  transform: scaleY(.35);
}

.public-docs-guide-link:hover .public-docs-card, .public-docs-guide-link:focus-visible .public-docs-card {
  background: var(--mf-public-panel-strong);
}

.public-docs-guide-link:hover .public-docs-card:before, .public-docs-guide-link:focus-visible .public-docs-card:before {
  opacity: 1;
  transform: scaleY(1);
}

.public-docs-interactive-action-row {
  border-top: 1px solid var(--mf-public-line);
  background: var(--mf-public-panel);
  padding: .75rem 1.25rem 1rem;
  display: flex;
}

.public-docs-interactive-button {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  width: 100%;
  height: auto;
  min-height: 2.75rem;
  padding-inline: .875rem;
  display: flex;
}

.public-docs-interactive-button-copy {
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.public-docs-interactive-button-badge {
  flex: none;
}

.public-docs-interactive-button-title {
  min-width: 0;
}

.public-docs-card [data-slot="card-header"], .public-docs-card [data-slot="card-content"], .public-docs-card [data-slot="card-footer"] {
  min-width: 0;
  padding: 1.25rem;
  border-radius: 0 !important;
}

.public-docs-card [data-slot="card-header"] {
  border-right: 1px solid var(--mf-public-line);
  flex-direction: column;
  gap: 1.25rem;
  display: flex;
}

.public-docs-card-overline {
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.public-docs-card-index {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-docs-card-index {
    color: color-mix(in srgb, var(--mf-public-ink) 46%, transparent);
  }
}

.public-docs-card-index {
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
  font-size: .6875rem;
}

.public-docs-card-identity {
  align-items: flex-start;
  gap: .875rem;
  min-width: 0;
  display: flex;
}

.public-docs-card-icon {
  border: 1px solid var(--mf-public-line-strong);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  border-radius: var(--mf-landing-radius-action) !important;
  background: var(--mf-public-ink) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-docs-card-icon {
    background: color-mix(in srgb,
    var(--mf-public-ink) 4%,
    var(--mf-public-panel)) !important;
  }
}

.public-docs-card-icon {
  color: var(--mf-public-brand-foreground) !important;
}

.public-docs-card-icon svg {
  width: 1.125rem;
  height: 1.125rem;
}

.public-docs-card-badge {
  max-width: 100%;
  font-family: var(--mf-public-mono);
  letter-spacing: .025em;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  font-size: .625rem;
  overflow: hidden;
  border-color: var(--mf-public-line-strong) !important;
}

.public-docs-card-title {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-sans);
  letter-spacing: -.025em;
  font-size: 1.0625rem;
  font-weight: 500;
}

.public-docs-card-subtitle {
  font-family: var(--mf-public-mono);
  margin-top: .25rem;
  font-size: .6875rem;
  line-height: 1.45;
}

.public-docs-card [data-slot="card-content"] {
  border-right: 1px solid var(--mf-public-line);
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25rem;
  display: flex;
}

.public-docs-card-description {
  color: var(--mf-public-muted);
  margin: 0;
  font-size: .8125rem;
  line-height: 1.62;
}

.public-docs-card [data-slot="card-footer"] {
  background: none;
  border: 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: 1rem;
  display: flex;
}

.public-docs-card-endpoints {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.public-docs-endpoint {
  border-color: var(--mf-public-line) !important;
  border-radius: var(--mf-landing-radius-action) !important;
  background: var(--mf-public-ink) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-docs-endpoint {
    background: color-mix(in srgb,
    var(--mf-public-ink) 3.5%,
    transparent) !important;
  }
}

.public-docs-model-chips [data-slot="badge"] {
  border: 1px solid var(--mf-public-line);
  background: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-docs-model-chips [data-slot="badge"] {
    background: color-mix(in srgb, var(--mf-public-ink) 5%, transparent);
  }
}

.public-docs-model-chips [data-slot="badge"] {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  font-size: .625rem;
}

.public-docs-card-link {
  border-top: 1px solid var(--mf-public-line);
  font-family: var(--mf-public-mono);
  letter-spacing: .035em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding-top: .875rem;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.35;
  display: inline-flex;
  color: var(--mf-public-ink) !important;
}

.public-docs-card-link svg {
  width: 1rem;
  height: 1rem;
  transition: transform var(--mf-landing-motion-fast)
    var(--mf-landing-ease-interface);
  flex: none;
}

.public-docs-guide-link:hover .public-docs-card-link svg, .public-docs-guide-link:focus-visible .public-docs-card-link svg {
  transform: translateX(3px);
}

.public-docs-detail-toolbar {
  border-bottom: 1px solid var(--mf-public-line-strong);
  margin-bottom: 3rem;
  padding-bottom: 1rem;
}

.public-docs-detail-header {
  border-bottom: 1px solid var(--mf-public-line-strong);
  margin-bottom: 2rem;
  padding-bottom: 2.5rem;
}

.public-docs-detail-title {
  font-size: clamp(3rem, 5vw, 4.5rem);
}

.public-docs-detail-header .public-page-lead {
  max-width: 48rem;
}

.public-reading-toc-panel {
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-panel);
  background: var(--mf-public-panel);
  margin-bottom: 2rem;
  display: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-reading-toc-panel {
    background: color-mix(in srgb, var(--mf-public-panel) 82%, transparent);
  }
}

.public-reading-toc-panel {
  padding: 1rem;
}

.public-reading-toc-title {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: 0 0 .75rem;
  font-size: .6875rem;
  font-weight: 600;
}

.public-reading-grid {
  grid-template-columns: minmax(0, 1fr) 15rem;
  align-items: start;
  gap: 3rem;
  display: grid;
}

.public-reading-toc {
  max-height: calc(100vh - 7rem);
  position: sticky;
  top: 6rem;
  overflow-y: auto;
}

.public-reading-toc ul, .public-reading-toc-panel ul {
  border-left: 1px solid var(--mf-public-line-strong);
  flex-direction: column;
  gap: .55rem;
  margin: 0;
  padding: 0 0 0 .75rem;
  list-style: none;
  display: flex;
}

.public-reading-toc a, .public-reading-toc-panel a {
  color: var(--mf-public-muted);
  transition: color var(--mf-landing-motion-fast)
    var(--mf-landing-ease-interface);
  font-size: .8125rem;
  line-height: 1.4;
  text-decoration: none;
  display: block;
}

.public-reading-toc a:hover, .public-reading-toc a:focus-visible, .public-reading-toc-panel a:hover, .public-reading-toc-panel a:focus-visible {
  color: var(--mf-public-ink);
}

.public-reading-toc a.is-nested, .public-reading-toc-panel a.is-nested {
  padding-left: .75rem;
}

.public-reading-prose {
  max-width: 49rem;
  color: var(--mf-public-ink);
  font-family: var(--mf-public-sans);
  font-size: 1rem;
  line-height: 1.78;
}

.public-reading-prose :is(h1, h2, h3, h4) {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-sans);
  letter-spacing: -.03em;
  font-weight: 500;
}

.public-reading-prose strong {
  color: var(--mf-public-ink);
}

.public-reading-prose h2 {
  border-top: 1px solid var(--mf-public-line-strong);
  margin-top: 3.5rem;
  padding-top: 1.5rem;
  font-size: 1.75rem;
}

.public-reading-prose h3 {
  margin-top: 2.25rem;
  font-size: 1.25rem;
}

.public-reading-prose :is(p, li) {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-reading-prose :is(p, li) {
    color: color-mix(in srgb, var(--mf-public-ink) 76%, transparent);
  }
}

.public-reading-prose a {
  color: var(--mf-public-ink);
  -webkit-text-decoration-color: var(--mf-public-ink);
  text-decoration-color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-reading-prose a {
    -webkit-text-decoration-color: color-mix(in srgb,
    var(--mf-public-ink) 34%,
    transparent);
    text-decoration-color: color-mix(in srgb,
    var(--mf-public-ink) 34%,
    transparent);
  }
}

.public-reading-prose a {
  text-underline-offset: .18rem;
  text-decoration-thickness: 1px;
}

.public-reading-prose :not(pre) > code {
  border: 1px solid var(--mf-public-line);
  border-radius: var(--mf-landing-radius-micro);
  background: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-reading-prose :not(pre) > code {
    background: color-mix(in srgb, var(--mf-public-ink) 5%, transparent);
  }
}

.public-reading-prose :not(pre) > code {
  color: var(--mf-public-ink);
  padding: .12rem .3rem;
  font-size: .84em;
}

.public-reading-prose pre {
  border: 1px solid var(--mf-public-code-line);
  box-shadow: 7px 7px 0 var(--mf-public-shadow-strong);
  color: var(--mf-public-ink);
  overflow: auto;
  border-radius: var(--mf-landing-radius-panel) !important;
  background: var(--mf-public-code-bg) !important;
}

.public-reading-prose blockquote {
  border-color: var(--mf-public-brand);
  background: var(--mf-public-brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-reading-prose blockquote {
    background: color-mix(in srgb, var(--mf-public-brand) 6%, transparent);
  }
}

.public-reading-prose blockquote {
  color: var(--mf-public-ink);
  font-style: normal;
}

.public-reading-prose .markdown-table-scroll {
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-panel);
  background: var(--mf-public-panel);
  max-width: 100%;
  margin: 2em 0;
  overflow-x: auto;
}

.public-reading-prose .markdown-table-scroll table {
  border-collapse: separate;
  border-spacing: 0;
  background: none;
  border: 0;
  width: 100%;
  min-width: 42rem;
  margin: 0;
}

.public-reading-prose .markdown-table-scroll :is(th, td) {
  border: 0;
  border-right: 1px solid var(--mf-public-line);
  border-bottom: 1px solid var(--mf-public-line);
  overflow-wrap: normal;
  vertical-align: middle;
  word-break: normal;
  padding: .75rem .875rem;
  line-height: 1.45;
}

.public-reading-prose .markdown-table-scroll :is(th, td):last-child {
  border-right: 0;
}

.public-reading-prose .markdown-table-scroll tbody:last-child tr:last-child td {
  border-bottom: 0;
}

.public-reading-prose .markdown-table-scroll :is(th, td):first-child, .public-reading-prose .markdown-table-scroll td code {
  white-space: nowrap;
}

.public-reading-prose .markdown-table-scroll th {
  background: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-reading-prose .markdown-table-scroll th {
    background: color-mix(in srgb, var(--mf-public-ink) 5%, transparent);
  }
}

.public-reading-prose .markdown-table-scroll th {
  font-family: var(--mf-public-mono);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .6875rem;
}

.cheapai-public-surface.public-articles-page {
  --mf-public-bg: #f7f7f4;
  --mf-public-panel: #fff;
  --mf-public-panel-strong: #f1f1ed;
  --mf-public-ink: #171719;
  --mf-public-muted: #6d6d73;
  --mf-public-line: #1717191a;
  --mf-public-line-soft: #1717190d;
  --mf-public-line-strong: #1717192e;
  --mf-public-shadow-soft: 0 1px 2px #1717190a;
  --mf-public-shadow-medium: 0 14px 34px #17171914;
  --mf-public-shadow-strong: 0 22px 48px #1717191c;
  --mf-public-code-bg: #efefeb;
  --mf-public-code-line: #17171924;
  --mf-article-control-bg: #fff;
  --mf-article-control-hover: #ecece7;
  --mf-article-selected-bg: #d7ff00;
  --mf-article-selected-foreground: #171719;
  --mf-article-primary-hover: #29292c;
  --mf-article-primary-hover-foreground: #fff;
  --mf-article-focus: #a3c400;
  --mf-article-cover-bg: #efeee9;
  --mf-article-grid-opacity: .025;
  --background: var(--mf-public-bg);
  --foreground: var(--mf-public-ink);
  --card: var(--mf-public-panel);
  --card-foreground: var(--mf-public-ink);
  --popover: var(--mf-public-panel);
  --popover-foreground: var(--mf-public-ink);
  --primary: var(--mf-public-ink);
  --primary-foreground: var(--mf-public-panel);
  --secondary: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-public-surface.public-articles-page {
    --secondary: color-mix(in srgb, var(--mf-public-ink) 7%, transparent);
  }
}

.cheapai-public-surface.public-articles-page {
  --secondary-foreground: var(--mf-public-ink);
  --muted: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-public-surface.public-articles-page {
    --muted: color-mix(in srgb, var(--mf-public-ink) 6%, transparent);
  }
}

.cheapai-public-surface.public-articles-page {
  --muted-foreground: var(--mf-public-muted);
  --accent: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-public-surface.public-articles-page {
    --accent: color-mix(in srgb, var(--mf-public-ink) 8%, transparent);
  }
}

.cheapai-public-surface.public-articles-page {
  --accent-foreground: var(--mf-public-ink);
  --border: var(--mf-public-line);
  --input: var(--mf-public-line-strong);
  --ring: var(--mf-article-focus);
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

.dark .cheapai-public-surface.public-articles-page {
  --mf-public-brand: #d7ff00;
  --mf-catalog-acid: #d7ff00;
  --mf-public-bg: #0d0d0e;
  --mf-public-panel: #161617;
  --mf-public-panel-strong: #1c1c1e;
  --mf-public-ink: #f4f4f2;
  --mf-public-muted: #a2a2a6;
  --mf-public-line: #f4f4f21c;
  --mf-public-line-soft: #f4f4f20d;
  --mf-public-line-strong: #f4f4f230;
  --mf-public-shadow-soft: 0 1px 2px #0000002e;
  --mf-public-shadow-medium: 0 16px 38px #00000047;
  --mf-public-shadow-strong: 0 24px 52px #00000057;
  --mf-public-code-bg: #111112;
  --mf-public-code-line: #f4f4f224;
  --mf-article-control-bg: #161617;
  --mf-article-control-hover: #242426;
  --mf-article-selected-bg: #d7ff00;
  --mf-article-selected-foreground: #111112;
  --mf-article-primary-hover: #d7ff00;
  --mf-article-primary-hover-foreground: #10110d;
  --mf-article-focus: #d7ff00;
  --mf-article-cover-bg: #d8d6cf;
  --mf-article-grid-opacity: .02;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

.public-articles-page .public-page-grid {
  opacity: var(--mf-article-grid-opacity);
}

.public-articles-page ::selection {
  background: var(--mf-public-brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-articles-page ::selection {
    background: color-mix(in srgb, var(--mf-public-brand) 38%, transparent);
  }
}

.public-articles-page ::selection {
  color: var(--mf-public-ink);
}

.public-articles-frame {
  min-height: 40rem;
}

.public-articles-hero {
  width: min(100%, 52rem);
  margin-bottom: 0;
}

.public-articles-page .public-articles-hero .public-page-title {
  letter-spacing: -.055em;
  max-width: 11em;
  margin-top: 1rem;
  font-size: clamp(3rem, 5.5vw, 4.75rem);
  font-weight: 550;
  line-height: .96;
}

.public-articles-page .public-articles-hero .public-page-lead {
  max-width: 42rem;
  margin-top: 1.25rem;
  font-size: 1rem;
  line-height: 1.65;
}

.public-articles-directory {
  flex-direction: column;
  gap: clamp(4.75rem, 8vw, 7rem);
  margin-top: clamp(4rem, 7vw, 6rem);
  display: flex;
}

.public-article-feature-section, .public-article-catalog {
  min-width: 0;
}

.public-article-section-heading {
  border-top: 1px solid var(--mf-public-line-strong);
  border-bottom: 1px solid var(--mf-public-line);
  min-height: 3.25rem;
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  letter-spacing: .07em;
  grid-template-columns: 3rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.25rem;
  font-size: .625rem;
  font-weight: 600;
  display: grid;
}

.public-article-section-heading h2 {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-sans);
  letter-spacing: -.01em;
  margin: 0;
  font-size: .875rem;
  font-weight: 600;
}

.public-article-feature-grid {
  grid-template-columns: minmax(0, 7fr) minmax(21rem, 5fr);
  gap: 1.25rem;
  display: grid;
}

.public-article-feature-side {
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  min-width: 0;
  display: grid;
}

.public-article-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  display: grid;
}

.public-article-link {
  min-width: 0;
  color: inherit;
  scroll-margin-top: 6.5rem;
  text-decoration: none;
  display: block;
}

.public-article-link:focus-visible {
  outline: 2px solid var(--mf-article-focus);
  outline-offset: 3px;
  border-radius: 9px;
}

.public-article-card {
  border: 1px solid var(--mf-public-line);
  background: var(--mf-public-panel);
  min-width: 0;
  height: 100%;
  box-shadow: var(--mf-public-shadow-soft);
  transition: border-color .18s var(--mf-landing-ease-interface),
    box-shadow .22s var(--mf-landing-ease-interface),
    transform .22s var(--mf-landing-ease-interface);
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: none;
  border-radius: 8px !important;
  gap: 0 !important;
  padding: 0 !important;
}

.public-article-cover {
  border-bottom: 1px solid var(--mf-public-line);
  background: var(--mf-article-cover-bg);
  aspect-ratio: 16 / 9;
  flex: none;
  min-width: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.public-article-cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: filter .22s var(--mf-landing-ease-interface),
    transform .36s cubic-bezier(.22, 1, .36, 1);
  display: block;
  transform: scale(1);
}

.dark .public-article-cover img {
  filter: brightness(.84) saturate(.78) contrast(.96);
}

.public-article-card[data-card-variant="feature"] .public-article-cover {
  min-height: 20rem;
}

.public-article-card[data-card-variant="compact"] {
  grid-template-rows: auto 1fr auto;
  grid-template-columns: minmax(10rem, .43fr) minmax(0, .57fr);
  display: grid;
}

.public-article-card[data-card-variant="compact"] .public-article-cover {
  border-right: 1px solid var(--mf-public-line);
  aspect-ratio: auto;
  border-bottom: 0;
  grid-row: 1 / -1;
  min-height: 100%;
}

.public-article-card[data-card-variant="compact"] .public-article-cover[data-sequence="1"] img {
  object-position: 58% center;
}

.public-article-card[data-card-variant="compact"] .public-article-cover[data-sequence="2"] img {
  object-position: 42% center;
}

.public-article-card [data-slot="card-header"], .public-article-card [data-slot="card-content"], .public-article-card [data-slot="card-footer"] {
  min-width: 0;
  padding: 1.125rem;
  border-radius: 0 !important;
}

.public-article-card [data-slot="card-header"] {
  gap: .9rem;
  padding-bottom: .45rem;
}

.public-article-card [data-slot="card-content"] {
  flex: 1;
  padding-top: .35rem;
}

.public-article-card [data-slot="card-footer"] {
  border-top: 1px solid var(--mf-public-line);
  background: none;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.public-article-card-overline, .public-article-card-meta, .public-article-card-action {
  align-items: center;
  display: flex;
}

.public-article-card-overline {
  color: var(--mf-public-ink);
  justify-content: space-between;
  gap: .75rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-article-card-overline {
    color: color-mix(in srgb, var(--mf-public-ink) 47%, transparent);
  }
}

.public-article-card-overline {
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
  font-size: .6875rem;
}

.public-article-card-overline [data-slot="badge"] {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  letter-spacing: .025em;
  background: none;
  font-size: .625rem;
  border-color: var(--mf-public-line-strong) !important;
  border-radius: 4px !important;
}

.public-article-card-title :is(h2, h3, h4) {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-sans);
  letter-spacing: -.035em;
  margin: 0;
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  font-weight: 550;
  line-height: 1.16;
}

.public-article-card[data-card-variant="feature"] .public-article-card-title :is(h2, h3, h4) {
  max-width: 18em;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  line-height: 1.06;
}

.public-article-card[data-card-variant="compact"] .public-article-card-title :is(h2, h3, h4) {
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.2;
}

.public-article-card-summary {
  color: var(--mf-public-muted);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: .8125rem;
  line-height: 1.62;
  display: -webkit-box;
  overflow: hidden;
}

.public-article-card-author {
  align-items: center;
  gap: .55rem;
  min-width: 0;
  margin-top: 1rem;
  display: flex;
}

.public-article-card-author [data-slot="avatar"] {
  --avatar-fallback-background: var(--mf-public-panel-strong);
  --avatar-foreground: var(--mf-public-ink);
  border: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-panel-strong);
  color: var(--mf-public-ink);
  box-shadow: var(--mf-public-shadow-soft);
}

.public-article-card-author > span {
  flex-direction: column;
  gap: .1rem;
  min-width: 0;
  display: flex;
}

.public-article-card-author strong, .public-article-card-author small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.public-article-card-author strong {
  color: var(--mf-public-ink);
  font-size: .6875rem;
  font-weight: 650;
  line-height: 1.2;
}

.public-article-card-author small {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  letter-spacing: .025em;
  font-size: .5625rem;
  line-height: 1.25;
}

.public-article-card[data-card-variant="compact"] .public-article-card-summary {
  -webkit-line-clamp: 2;
}

.public-article-card-meta {
  color: var(--mf-public-ink);
  flex-wrap: wrap;
  gap: .35rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-article-card-meta {
    color: color-mix(in srgb, var(--mf-public-ink) 52%, transparent);
  }
}

.public-article-card-meta {
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  font-size: .625rem;
  line-height: 1.4;
}

.public-article-card-action {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  letter-spacing: .025em;
  text-transform: uppercase;
  flex: none;
  gap: .45rem;
  font-size: .6875rem;
  font-weight: 600;
}

.public-article-card-action svg {
  width: 1rem;
  height: 1rem;
  transition: transform .18s var(--mf-landing-ease-interface);
}

.public-article-link:focus-visible .public-article-card {
  border-color: var(--mf-article-focus);
  box-shadow: var(--mf-public-shadow-medium);
}

.public-article-link:focus-visible .public-article-card-action svg {
  transform: translateX(2px);
}

@media (hover: hover) and (pointer: fine) {
  .public-article-filters [data-slot="toggle-group-item"]:hover {
    border-color: var(--mf-public-line-strong);
    background: var(--mf-article-control-hover);
    color: var(--mf-public-ink);
  }

  .public-article-link:hover .public-article-card {
    border-color: var(--mf-public-line-strong);
    box-shadow: var(--mf-public-shadow-medium);
    transform: translateY(-2px);
  }

  .public-article-link:hover .public-article-cover img {
    transform: scale(1.015);
  }

  .public-article-link:hover .public-article-card-action svg, .public-article-reading-action:hover svg {
    transform: translateX(2px);
  }

  .cheapai-seo-article-index li:hover, .public-reading-toc-trigger:hover {
    border-color: var(--mf-public-line-strong);
    background: var(--mf-article-control-hover);
  }
}

.public-article-grid-skeleton .public-article-card {
  min-height: 24rem;
}

.public-article-grid-skeleton .public-article-cover {
  background: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-article-grid-skeleton .public-article-cover {
    background: color-mix(in srgb, var(--mf-public-ink) 7%, transparent);
  }
}

.public-article-catalog {
  border-top: 1px solid var(--mf-public-line-strong);
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
}

.public-article-catalog-header {
  grid-template-columns: minmax(16rem, .8fr) minmax(0, 1.2fr);
  align-items: end;
  gap: clamp(2rem, 5vw, 5rem);
  margin-bottom: 1.5rem;
  display: grid;
}

.public-article-catalog-index {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  letter-spacing: .07em;
  font-size: .625rem;
  font-weight: 600;
}

.public-article-catalog-header h2 {
  color: var(--mf-public-ink);
  letter-spacing: -.045em;
  margin: .55rem 0 0;
  font-size: clamp(1.9rem, 3vw, 2.75rem);
  font-weight: 550;
  line-height: 1;
}

.public-article-catalog-header p {
  max-width: 34rem;
  color: var(--mf-public-muted);
  margin: .85rem 0 0;
  font-size: .8125rem;
  line-height: 1.58;
}

.public-article-filters {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .4rem;
  width: 100%;
  display: flex;
}

.public-article-filters [data-slot="toggle-group-item"] {
  border: 1px solid var(--mf-public-line);
  background: var(--mf-article-control-bg);
  min-width: 0;
  height: 2rem;
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  letter-spacing: .025em;
  transition: border-color .16s var(--mf-landing-ease-interface),
    background-color .16s var(--mf-landing-ease-interface),
    color .16s var(--mf-landing-ease-interface);
  border-radius: 4px;
  padding-inline: .75rem;
  font-size: .625rem;
  font-weight: 600;
}

.public-article-filters [data-slot="toggle-group-item"]:focus-visible {
  border-color: var(--mf-article-focus);
  color: var(--mf-public-ink);
  outline: 2px solid var(--mf-article-focus);
  outline-offset: 2px;
}

.public-article-filters [data-slot="toggle-group-item"][data-pressed], .public-article-filters [data-slot="toggle-group-item"][aria-pressed="true"] {
  border-color: var(--mf-article-selected-bg);
  background: var(--mf-article-selected-bg);
  color: var(--mf-article-selected-foreground);
}

.cheapai-seo-article-index {
  margin-top: clamp(4rem, 7vw, 6rem);
}

.cheapai-seo-article-index ul {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.cheapai-seo-article-index li {
  border: 1px solid var(--mf-public-line);
  background: var(--mf-public-panel);
  min-width: 0;
  box-shadow: var(--mf-public-shadow-soft);
  transition: border-color .18s var(--mf-landing-ease-interface),
    background-color .18s var(--mf-landing-ease-interface);
  border-radius: 8px;
  padding: 1.25rem;
}

.cheapai-seo-article-index a {
  color: var(--mf-public-ink);
  letter-spacing: -.025em;
  font-size: 1.2rem;
  font-weight: 550;
  line-height: 1.2;
  text-decoration: none;
}

.cheapai-seo-article-index li:focus-within {
  border-color: var(--mf-article-focus);
  background: var(--mf-public-panel-strong);
}

.cheapai-seo-article-index a:focus-visible {
  outline: 2px solid var(--mf-article-focus);
  outline-offset: 3px;
}

.cheapai-seo-article-index p {
  color: var(--mf-public-muted);
  margin: .75rem 0 0;
  font-size: .8125rem;
  line-height: 1.55;
}

.public-article-detail-skeleton {
  gap: 1.5rem;
  display: grid;
}

.public-article-detail-stage {
  border-bottom: 1px solid var(--mf-public-line-strong);
  padding-bottom: clamp(3rem, 6vw, 5rem);
}

.public-article-breadcrumb {
  margin-bottom: clamp(3rem, 6vw, 5rem);
}

.public-article-detail-header {
  border: 0;
  grid-template-columns: minmax(0, 7fr) minmax(20rem, 5fr);
  align-items: center;
  gap: clamp(2.5rem, 6vw, 6rem);
  max-width: none;
  margin: 0;
  padding: 0;
  display: grid;
}

#cheapai-seo-content .public-article-detail-header {
  grid-template-columns: minmax(0, 1fr);
}

#cheapai-seo-content .public-article-detail-copy {
  max-width: 52rem;
}

.public-article-detail-meta {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: .025em;
  flex-wrap: wrap;
  align-items: center;
  gap: .7rem;
  font-size: .6875rem;
  display: flex;
}

.public-article-detail-meta [data-slot="badge"] {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  background: none;
  border-color: var(--mf-public-line-strong) !important;
  border-radius: 4px !important;
}

.public-article-detail-title {
  letter-spacing: -.055em;
  max-width: 11.5em;
  margin-top: 1.5rem;
  font-size: clamp(3.15rem, 5.5vw, 4.75rem);
  font-weight: 550;
  line-height: .97;
}

.public-article-detail-header .public-page-lead {
  max-width: 43rem;
  font-size: 1rem;
  line-height: 1.65;
}

.public-article-byline {
  align-items: center;
  gap: .75rem;
  margin-top: 2rem;
  display: flex;
}

.public-article-byline [data-slot="avatar"] {
  --avatar-fallback-background: var(--mf-public-panel-strong);
  --avatar-foreground: var(--mf-public-ink);
  border: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-panel-strong);
  color: var(--mf-public-ink);
  box-shadow: var(--mf-public-shadow-soft);
}

.public-article-byline > div {
  flex-direction: column;
  gap: .2rem;
  max-width: 32rem;
  display: flex;
}

.public-article-byline strong {
  color: var(--mf-public-ink);
  font-size: .9375rem;
  font-weight: 650;
  line-height: 1.2;
}

.public-article-byline-label, .public-article-byline-role {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  letter-spacing: .04em;
  font-size: .625rem;
}

.public-article-byline-label {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-article-byline-label {
    color: color-mix(in srgb, var(--mf-public-ink) 54%, transparent);
  }
}

.public-article-byline-label {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 600;
}

.public-article-byline p {
  color: var(--mf-public-muted);
  margin: .2rem 0 0;
  font-size: .75rem;
  line-height: 1.5;
}

.public-article-detail-actions {
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.5rem;
  display: flex;
}

.public-article-detail-actions [data-slot="button"] {
  border-color: var(--mf-public-line-strong);
  color: var(--mf-public-ink);
  background: none;
}

.public-article-detail-header .public-article-cover {
  border: 1px solid var(--mf-public-line);
  min-height: 20rem;
  box-shadow: var(--mf-public-shadow-medium);
  aspect-ratio: 4 / 3;
  border-radius: 8px;
}

.public-article-reading-section {
  margin-top: clamp(3.5rem, 6vw, 5.5rem);
}

.public-article-prose {
  min-width: 0;
  max-width: 49rem;
}

#cheapai-seo-content .public-article-prose {
  margin-inline: auto;
}

.public-reading-rail {
  flex-direction: column;
  gap: 1.5rem;
  max-height: calc(100svh - 7rem);
  display: flex;
  position: sticky;
  top: 6rem;
  overflow-y: auto;
}

.public-reading-rail .public-reading-toc {
  max-height: none;
  position: static;
  overflow: visible;
}

.public-reading-toc-collapsible {
  display: none;
}

.public-reading-toc-trigger {
  border: 1px solid var(--mf-public-line-strong);
  background: var(--mf-article-control-bg);
  width: 100%;
  min-height: 3.25rem;
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  letter-spacing: .05em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .16s var(--mf-landing-ease-interface),
    background-color .16s var(--mf-landing-ease-interface),
    color .16s var(--mf-landing-ease-interface);
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  padding: .75rem .9rem;
  font-size: .6875rem;
  font-weight: 600;
  display: flex;
}

.public-reading-toc-trigger:focus-visible {
  border-color: var(--mf-article-focus);
  outline: 2px solid var(--mf-article-focus);
  outline-offset: 2px;
}

.public-articles-page .public-reading-toc-panel {
  background: var(--mf-public-panel);
}

.public-reading-toc-collapsible .public-reading-toc-panel {
  border-radius: 0 0 6px 6px;
  margin: -1px 0 1.5rem;
}

.public-article-reading-cta {
  border: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  box-shadow: var(--mf-public-shadow-soft);
  overflow: hidden;
  border-radius: 8px !important;
  gap: 0 !important;
  padding: 0 !important;
}

.public-article-reading-cta [data-slot="card-header"], .public-article-reading-cta [data-slot="card-content"], .public-article-reading-cta [data-slot="card-footer"] {
  padding: 1rem;
}

.public-article-reading-cta [data-slot="card-title"] {
  color: var(--mf-public-ink);
  font-size: 1rem;
  font-weight: 550;
}

.public-article-reading-cta [data-slot="card-content"] {
  padding-top: 0;
}

.public-article-reading-cta p {
  color: var(--mf-public-muted);
  margin: 0;
  font-size: .75rem;
  line-height: 1.55;
}

.public-article-reading-cta [data-slot="card-footer"] {
  border-top: 1px solid var(--mf-public-line);
}

.public-article-reading-action {
  border: 1px solid var(--mf-public-ink);
  background: var(--mf-public-ink);
  width: 100%;
  color: var(--mf-public-panel);
  font-family: var(--mf-public-mono);
  letter-spacing: .025em;
  text-transform: uppercase;
  border-radius: 5px;
  font-size: .6875rem;
  font-weight: 600;
  box-shadow: none !important;
  transition-property: border-color, background-color, color !important;
  transition-duration: .16s !important;
  transition-timing-function: var(--mf-landing-ease-interface) !important;
  transform: none !important;
}

.public-article-reading-action:is(:hover, :focus-visible) {
  border-color: var(--mf-article-primary-hover);
  background: var(--mf-article-primary-hover);
  color: var(--mf-article-primary-hover-foreground);
}

.public-article-reading-action:focus-visible {
  outline: 2px solid var(--mf-article-focus);
  outline-offset: 2px;
}

.public-article-reading-action svg {
  transition: transform .18s var(--mf-landing-ease-interface);
}

.public-article-reading-action:focus-visible svg {
  transform: translateX(2px);
}

.public-related-articles {
  margin-top: clamp(4.75rem, 8vw, 7rem);
}

.public-about-page {
  --mf-about-hero-bg: var(--mf-public-brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-page {
    --mf-about-hero-bg: color-mix(in srgb,
    var(--mf-public-brand) 5%,
    var(--mf-public-panel));
  }
}

.public-about-page {
  --mf-about-hero-panel: var(--mf-public-panel);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-page {
    --mf-about-hero-panel: color-mix(in srgb,
    var(--mf-public-panel) 94%,
    transparent);
  }
}

.public-about-page {
  --mf-about-hero-panel-strong: var(--mf-public-brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-page {
    --mf-about-hero-panel-strong: color-mix(in srgb,
    var(--mf-public-brand) 7%,
    var(--mf-public-panel));
  }
}

.public-about-page {
  --mf-about-hero-ink: var(--mf-public-ink);
  --mf-about-hero-muted: var(--mf-public-muted);
  --mf-about-hero-line: var(--mf-public-line-strong);
  --mf-about-hero-accent: var(--mf-public-brand);
  --mf-about-radius-card: 12px;
  --mf-about-radius-panel: 18px;
}

.public-about-page .public-page-grid {
  opacity: .18;
  -webkit-mask-image: linear-gradient(#0003, #0000 42rem calc(100% - 12rem));
  mask-image: linear-gradient(#0003, #0000 42rem calc(100% - 12rem));
}

.public-page-frame.public-about-frame {
  min-height: 40rem;
  padding-top: clamp(1.5rem, 3vw, 2.75rem);
}

.public-about-content {
  flex-direction: column;
  gap: 0;
  display: flex;
}

.public-about-hero {
  border: 1px solid var(--mf-about-hero-line);
  border-radius: var(--mf-about-radius-panel);
  background: radial-gradient(circle at 92% 8%,
      var(--mf-about-hero-accent),
      transparent 38%),
    linear-gradient(145deg,
      var(--mf-about-hero-panel),
      var(--mf-about-hero-bg)),
    var(--mf-about-hero-bg);
  grid-template-columns: minmax(0, 1.08fr) minmax(21rem, .72fr);
  align-items: center;
  gap: clamp(2.5rem, 5vw, 5rem);
  display: grid;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-hero {
    background: radial-gradient(circle at 92% 8%,
      color-mix(in srgb, var(--mf-about-hero-accent) 14%, transparent),
      transparent 38%),
    linear-gradient(145deg,
      color-mix(in srgb, var(--mf-about-hero-panel) 96%, transparent),
      var(--mf-about-hero-bg)),
    var(--mf-about-hero-bg);
  }
}

.public-about-hero {
  box-shadow: 0 28px 90px var(--mf-public-shadow-soft);
  color: var(--mf-about-hero-ink);
  isolation: isolate;
  padding: clamp(4rem, 6vw, 6rem) clamp(2.5rem, 5vw, 5rem);
}

.public-about-hero-glow {
  z-index: -1;
  background: radial-gradient(circle,
    var(--mf-about-hero-accent),
    transparent 70%);
  width: min(62vw, 52rem);
  height: 48rem;
  position: absolute;
  top: -18rem;
  right: -14rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-hero-glow {
    background: radial-gradient(circle,
    color-mix(in srgb, var(--mf-about-hero-accent) 13%, transparent),
    transparent 70%);
  }
}

.public-about-hero-glow {
  filter: blur(18px);
  pointer-events: none;
}

.public-about-hero-copy {
  min-width: 0;
}

.public-about-hero .public-page-eyebrow {
  color: var(--mf-about-hero-muted);
}

.public-about-hero .public-page-eyebrow > span {
  border-color: var(--mf-about-hero-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-hero .public-page-eyebrow > span {
    border-color: color-mix(in srgb,
    var(--mf-about-hero-accent) 62%,
    var(--mf-about-hero-ink));
  }
}

.public-about-hero .public-page-eyebrow > span {
  background: var(--mf-about-hero-accent);
  box-shadow: 2px 2px 0
    var(--mf-about-hero-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-hero .public-page-eyebrow > span {
    box-shadow: 2px 2px 0
    color-mix(in srgb,
      var(--mf-about-hero-accent) 32%,
      var(--mf-about-hero-ink));
  }
}

.public-about-hero .public-page-title {
  max-width: 10.5em;
  color: var(--mf-about-hero-ink);
  letter-spacing: -.052em;
  font-size: clamp(3.25rem, 5.2vw, 4.9rem);
  line-height: .97;
}

.public-about-hero .public-page-lead {
  max-width: 41rem;
  color: var(--mf-about-hero-muted);
}

.public-about-hero-actions {
  flex-wrap: wrap;
  gap: .625rem;
  margin-top: 2.25rem;
  display: flex;
}

.public-about-hero-actions [data-slot="button"] {
  min-height: 2.75rem;
  padding-inline: 1rem;
}

.public-about-stack-card[data-slot="card"] {
  border: 1px solid var(--mf-about-hero-line);
  background: linear-gradient(180deg,
      var(--mf-about-hero-accent),
      transparent 45%),
    var(--mf-about-hero-panel);
  gap: 0;
  overflow: hidden;
  border-radius: var(--mf-about-radius-card) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-stack-card[data-slot="card"] {
    background: linear-gradient(180deg,
      color-mix(in srgb, var(--mf-about-hero-accent) 4%, transparent),
      transparent 45%),
    var(--mf-about-hero-panel);
  }
}

.public-about-stack-card[data-slot="card"] {
  box-shadow: 0 24px 70px var(--mf-public-shadow-medium);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  padding: 0;
}

.public-about-stack-card [data-slot="card-header"] {
  border-bottom: 1px solid var(--mf-about-hero-line);
  gap: .5rem;
  padding: 1.35rem 1.4rem 1.25rem;
}

.public-about-stack-card [data-slot="card-description"] {
  color: var(--mf-about-hero-muted);
  font-family: var(--mf-public-mono);
  letter-spacing: .075em;
  text-transform: uppercase;
  font-size: .625rem;
  font-weight: 600;
}

.public-about-stack-card [data-slot="card-title"] h2 {
  color: var(--mf-about-hero-ink);
  letter-spacing: -.02em;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.35;
}

.public-about-stack-card [data-slot="card-content"] {
  padding: 1.2rem .95rem;
  position: relative;
}

.public-about-stack-card [data-slot="card-content"]:before {
  z-index: 0;
  background: linear-gradient(to bottom,
    transparent,
    var(--mf-about-hero-line) 10%,
    var(--mf-about-hero-line) 38%,
    var(--mf-about-hero-accent)
      50%,
    var(--mf-about-hero-line) 62%,
    var(--mf-about-hero-line) 90%,
    transparent);
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-stack-card [data-slot="card-content"]:before {
    background: linear-gradient(to bottom,
    transparent,
    var(--mf-about-hero-line) 10%,
    var(--mf-about-hero-line) 38%,
    color-mix(in srgb,
        var(--mf-about-hero-accent) 72%,
        var(--mf-about-hero-line))
      50%,
    var(--mf-about-hero-line) 62%,
    var(--mf-about-hero-line) 90%,
    transparent);
  }
}

.public-about-stack-card [data-slot="card-content"]:before {
  content: "";
}

.public-about-stack-flow {
  z-index: 1;
  flex-direction: column;
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
}

.public-about-stack-flow:before, .public-about-stack-flow:after {
  border: 1px solid var(--mf-about-hero-line);
  background: var(--mf-about-hero-panel);
  content: "";
  border-radius: 50%;
  width: .4375rem;
  height: .4375rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.public-about-stack-flow:before {
  top: -.95rem;
}

.public-about-stack-flow:after {
  border-color: var(--mf-about-hero-accent);
  background: var(--mf-about-hero-accent);
  box-shadow: 0 0 0 .25rem
    var(--mf-about-hero-accent);
  bottom: -.95rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-stack-flow:after {
    box-shadow: 0 0 0 .25rem
    color-mix(in srgb, var(--mf-about-hero-accent) 10%, transparent);
  }
}

.public-about-stack-flow li {
  z-index: 1;
  border: 1px solid var(--mf-about-hero-line);
  background: var(--mf-about-hero-panel);
  border-radius: 10px;
  grid-template-columns: 2.5rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .875rem;
  min-height: 4.5rem;
  display: grid;
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-stack-flow li {
    background: color-mix(in srgb,
    var(--mf-about-hero-panel) 97%,
    var(--mf-about-hero-accent));
  }
}

.public-about-stack-flow li {
  box-shadow: 0 10px 28px
    var(--mf-about-hero-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-stack-flow li {
    box-shadow: 0 10px 28px
    color-mix(in srgb, var(--mf-about-hero-ink) 5%, transparent);
  }
}

.public-about-stack-flow li {
  padding: .8rem .9rem;
}

.public-about-stack-flow li.is-core:before, .public-about-stack-flow li.is-core:after {
  border: 1px solid var(--mf-about-hero-accent);
  background: var(--mf-about-hero-accent);
  width: .4375rem;
  height: .4375rem;
  box-shadow: 0 0 0 .1875rem
    var(--mf-about-hero-accent);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-stack-flow li.is-core:before, .public-about-stack-flow li.is-core:after {
    box-shadow: 0 0 0 .1875rem
    color-mix(in srgb, var(--mf-about-hero-accent) 11%, transparent);
  }
}

.public-about-stack-flow li.is-core:before, .public-about-stack-flow li.is-core:after {
  content: "";
}

.public-about-stack-flow li.is-core:before {
  top: -.25rem;
}

.public-about-stack-flow li.is-core:after {
  bottom: -.25rem;
}

.public-about-stack-flow li.is-core {
  border-color: var(--mf-about-hero-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-stack-flow li.is-core {
    border-color: color-mix(in srgb,
    var(--mf-about-hero-accent) 62%,
    var(--mf-about-hero-line));
  }
}

.public-about-stack-flow li.is-core {
  background: linear-gradient(105deg,
      var(--mf-about-hero-accent),
      transparent 58%),
    var(--mf-about-hero-panel);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-stack-flow li.is-core {
    background: linear-gradient(105deg,
      color-mix(in srgb, var(--mf-about-hero-accent) 13%, transparent),
      transparent 58%),
    var(--mf-about-hero-panel);
  }
}

.public-about-stack-flow li.is-core {
  box-shadow: 0 0 0 1px var(--mf-about-hero-accent),
    0 16px 36px var(--mf-about-hero-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-stack-flow li.is-core {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--mf-about-hero-accent) 9%, transparent),
    0 16px 36px color-mix(in srgb, var(--mf-about-hero-ink) 7%, transparent);
  }
}

.public-about-stack-node-icon {
  border: 1px solid var(--mf-about-hero-line);
  background: var(--mf-about-hero-panel-strong);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--mf-about-hero-muted);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.public-about-stack-node-icon svg {
  width: 1.125rem;
  height: 1.125rem;
}

.public-about-stack-flow li.is-core .public-about-stack-node-icon {
  border-color: var(--mf-about-hero-accent);
  background: var(--mf-about-hero-accent);
  color: var(--mf-public-brand-foreground);
}

.public-about-stack-node-index {
  border: 1px solid var(--mf-about-hero-line);
  color: var(--mf-about-hero-muted);
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  align-self: start;
  padding: .2rem .35rem;
  font-size: .5625rem;
  line-height: 1;
}

.public-about-stack-flow li.is-core .public-about-stack-node-index {
  border-color: var(--mf-about-hero-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-stack-flow li.is-core .public-about-stack-node-index {
    border-color: color-mix(in srgb,
    var(--mf-about-hero-accent) 55%,
    var(--mf-about-hero-line));
  }
}

.public-about-stack-flow li.is-core .public-about-stack-node-index {
  color: var(--mf-about-hero-accent);
}

.public-about-stack-node-copy {
  flex-direction: column;
  gap: .2rem;
  min-width: 0;
  display: flex;
}

.public-about-stack-flow strong {
  color: var(--mf-about-hero-ink);
  font-size: .875rem;
  font-weight: 500;
}

.public-about-stack-flow small {
  color: var(--mf-about-hero-muted);
  font-size: .6875rem;
  line-height: 1.45;
}

.public-about-stack-card [data-slot="card-footer"] {
  border-top: 1px solid var(--mf-about-hero-line);
  background: none;
  gap: .625rem;
  padding: .875rem 1.4rem;
  display: flex;
}

.public-about-stack-card [data-slot="card-footer"] > span {
  background: var(--mf-about-hero-accent);
  width: .4375rem;
  height: .4375rem;
  box-shadow: 0 0 0 .25rem
    var(--mf-about-hero-accent);
  border-radius: 50%;
  flex: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-stack-card [data-slot="card-footer"] > span {
    box-shadow: 0 0 0 .25rem
    color-mix(in srgb, var(--mf-about-hero-accent) 10%, transparent);
  }
}

.public-about-stack-card [data-slot="card-footer"] p {
  color: var(--mf-about-hero-muted);
  font-family: var(--mf-public-mono);
  font-size: .625rem;
  line-height: 1.45;
}

.public-about-section {
  border-bottom: 1px solid var(--mf-public-line-strong);
  padding-block: clamp(5.5rem, 8vw, 7.5rem);
}

.public-about-section-header {
  grid-template-columns: minmax(10rem, .32fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(1.5rem, 5vw, 5rem);
  margin-bottom: clamp(2.5rem, 5vw, 4.25rem);
  display: grid;
}

.public-about-section-label {
  color: var(--mf-public-ink);
  align-items: center;
  gap: .75rem;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-section-label {
    color: color-mix(in srgb, var(--mf-public-ink) 54%, transparent);
  }
}

.public-about-section-label {
  font-family: var(--mf-public-mono);
  letter-spacing: .065em;
  text-transform: uppercase;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.35;
}

.public-about-section-label > span {
  color: var(--mf-public-brand);
  font-variant-numeric: tabular-nums;
}

.public-about-section-heading {
  flex-direction: column;
  gap: 1.25rem;
  max-width: 49rem;
  display: flex;
}

.public-about-section-heading h2, .public-about-centered-header h2, .public-about-principles-header h2, .public-about-community h2, .public-about-contact-copy h2 {
  color: var(--mf-public-ink);
  letter-spacing: -.043em;
  text-wrap: balance;
  margin: 0;
  font-size: clamp(2rem, 3.4vw, 2.9rem);
  font-weight: 500;
  line-height: 1.06;
}

.public-about-section-heading > p {
  max-width: 44rem;
  color: var(--mf-public-muted);
  font-size: .9375rem;
  line-height: 1.7;
}

.public-about-capabilities-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.public-about-capability-card[data-slot="card"] {
  border: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  min-height: 15rem;
  box-shadow: 0 18px 52px var(--mf-public-shadow-soft);
  gap: 0;
  padding: 0;
  transition: border-color .18s, box-shadow .18s, transform .18s;
  overflow: hidden;
  border-radius: var(--mf-about-radius-card) !important;
}

.public-about-capability-card:hover {
  border-color: var(--mf-public-brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-capability-card:hover {
    border-color: color-mix(in srgb,
    var(--mf-public-brand) 35%,
    var(--mf-public-line-strong));
  }
}

.public-about-capability-card:hover {
  box-shadow: 0 24px 64px var(--mf-public-shadow-medium);
  transform: translateY(-2px);
}

.public-about-capability-card [data-slot="card-header"] {
  gap: 2.5rem;
  padding: 1.6rem 1.6rem 1.35rem;
}

.public-about-capability-meta {
  color: var(--mf-public-brand);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.public-about-capability-meta > span {
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: .05em;
  font-size: .625rem;
  font-weight: 600;
}

.public-about-capability-meta svg {
  width: 1.25rem;
  height: 1.25rem;
}

.public-about-capability-card [data-slot="card-title"] h3 {
  color: var(--mf-public-ink);
  letter-spacing: -.025em;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.35;
}

.public-about-capability-card [data-slot="card-content"] {
  border-top: 1px solid var(--mf-public-line);
  margin-top: auto;
  padding: 1.35rem 1.6rem 1.55rem;
}

.public-about-capability-card [data-slot="card-content"] p {
  color: var(--mf-public-muted);
  font-size: .8125rem;
  line-height: 1.65;
}

.public-about-audiences {
  border-bottom: 1px solid var(--mf-public-line-strong);
  padding-block: clamp(5.5rem, 8vw, 7.5rem);
}

.public-about-centered-header {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: min(100%, 56rem);
  margin: 0 auto clamp(2.75rem, 5vw, 4rem);
  display: flex;
}

.public-about-centered-header .public-about-section-label {
  justify-content: center;
}

.public-about-centered-header h2 {
  max-width: 19em;
}

.public-about-audience-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.public-about-audience-card[data-slot="card"] {
  border: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  min-height: 17rem;
  box-shadow: 0 18px 52px var(--mf-public-shadow-soft);
  gap: 0;
  padding: 0;
  overflow: hidden;
  border-radius: var(--mf-about-radius-card) !important;
}

.public-about-audience-card [data-slot="card-header"] {
  gap: 2.5rem;
  padding: 1.5rem 1.5rem 1.35rem;
}

.public-about-audience-meta {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.public-about-audience-meta > span:first-child {
  color: var(--mf-public-brand);
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: .05em;
  font-size: .625rem;
  font-weight: 600;
}

.public-about-audience-icon {
  border: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-panel-strong);
  width: 2.75rem;
  height: 2.75rem;
  color: var(--mf-public-brand);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.public-about-audience-icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

.public-about-audience-card [data-slot="card-title"] h3, .public-about-principles-list h3 {
  color: var(--mf-public-ink);
  letter-spacing: -.02em;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
}

.public-about-audience-card [data-slot="card-content"] {
  border-top: 1px solid var(--mf-public-line);
  margin-top: auto;
  padding: 1.35rem 1.5rem 1.5rem;
}

.public-about-audience-card [data-slot="card-content"] p, .public-about-principles-list p {
  color: var(--mf-public-muted);
  font-size: .8125rem;
  line-height: 1.65;
}

.public-about-principles {
  border-bottom: 1px solid var(--mf-public-line-strong);
  flex-direction: column;
  align-items: center;
  gap: clamp(2.75rem, 5vw, 4rem);
  padding-block: clamp(5.5rem, 8vw, 7.5rem);
  display: flex;
}

.public-about-principles-header {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: min(100%, 56rem);
  display: flex;
}

.public-about-principles-header .public-about-section-label {
  justify-content: center;
}

.public-about-principles-header h2 {
  max-width: 18em;
  font-size: clamp(2rem, 3.3vw, 2.8rem);
}

.public-about-principles-list {
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-about-radius-card);
  background: var(--mf-public-panel);
  width: 100%;
  box-shadow: 0 18px 52px var(--mf-public-shadow-soft);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  overflow: hidden;
}

.public-about-principles-list li {
  grid-template-columns: 1.75rem minmax(0, 1fr);
  gap: .85rem;
  min-height: 12rem;
  padding: 1.5rem 1.35rem;
  display: grid;
}

.public-about-principles-list li + li {
  border-left: 1px solid var(--mf-public-line);
}

.public-about-principles-list li > span {
  color: var(--mf-public-brand);
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  font-size: .625rem;
  font-weight: 600;
}

.public-about-principles-list p {
  margin-top: .45rem;
}

.public-about-community {
  border-bottom: 1px solid var(--mf-public-line-strong);
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  padding-block: clamp(4.75rem, 7vw, 6rem);
  display: flex;
}

.public-about-community-copy {
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
  width: min(100%, 46rem);
  display: flex;
}

.public-about-community h2 {
  max-width: 15em;
}

.public-about-community-copy > p {
  max-width: 37rem;
  color: var(--mf-public-muted);
  font-size: .875rem;
  line-height: 1.65;
}

.public-about-community-actions {
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem;
  display: flex;
}

.public-about-community-actions [data-slot="button"] {
  justify-content: center;
  min-width: 12rem;
  min-height: 3rem;
  padding-inline: 1.125rem;
}

.public-about-contact {
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-about-radius-panel);
  background: radial-gradient(circle at 0 0,
      var(--mf-public-brand),
      transparent 42%),
    var(--mf-public-panel-strong);
  grid-template-columns: minmax(18rem, .76fr) minmax(0, 1.24fr);
  align-items: start;
  gap: clamp(3rem, 8vw, 8rem);
  margin-top: clamp(5.5rem, 8vw, 7rem);
  scroll-margin-top: 5rem;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-about-contact {
    background: radial-gradient(circle at 0 0,
      color-mix(in srgb, var(--mf-public-brand) 8%, transparent),
      transparent 42%),
    var(--mf-public-panel-strong);
  }
}

.public-about-contact {
  box-shadow: 0 28px 84px var(--mf-public-shadow-soft);
  padding: clamp(2.5rem, 5vw, 4.5rem);
}

.public-about-contact-copy {
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  padding-top: .5rem;
  display: flex;
}

.public-about-contact-copy h2 {
  max-width: 11em;
}

.public-about-contact-copy > p {
  max-width: 34rem;
  color: var(--mf-public-muted);
  font-size: .9375rem;
  line-height: 1.7;
}

.public-about-contact-copy > [data-slot="button"] {
  min-height: 2.75rem;
  margin-top: .5rem;
  padding-inline: 1rem;
}

.public-about-contact > form {
  justify-self: end;
  width: 100%;
  max-width: 44rem;
}

.public-about-contact-card[data-slot="card"] {
  border: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  box-shadow: 0 22px 65px var(--mf-public-shadow-medium);
  gap: 0;
  padding: 0;
  overflow: hidden;
  border-radius: var(--mf-about-radius-card) !important;
}

.public-about-contact-card [data-slot="card-header"] {
  border-bottom: 1px solid var(--mf-public-line);
  gap: .5rem;
  padding: 1.5rem;
}

.public-about-contact-card [data-slot="card-title"] h3 {
  color: var(--mf-public-ink);
  letter-spacing: -.02em;
  font-size: 1.125rem;
  font-weight: 500;
}

.public-about-contact-card [data-slot="card-description"] {
  color: var(--mf-public-muted);
  font-size: .8125rem;
  line-height: 1.55;
}

.public-about-contact-card [data-slot="card-content"] {
  padding: 1.5rem;
}

.public-about-contact-fields[data-slot="field-group"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem 1rem;
  display: grid;
}

.public-about-contact-field-wide {
  grid-column: 1 / -1;
}

.public-about-contact-card [data-slot="field-label"] {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  letter-spacing: .035em;
  font-size: .6875rem;
  font-weight: 600;
}

.public-about-contact-card :is([data-slot="input"], [data-slot="textarea"]) {
  border-color: var(--mf-public-line-strong);
  background: var(--mf-public-panel-strong);
}

.public-about-contact-card [data-slot="input"] {
  min-height: 2.75rem;
  padding-inline: .875rem;
}

.public-about-contact-card [data-slot="textarea"] {
  resize: vertical;
  min-height: 9rem;
  padding: .75rem .875rem;
}

.public-about-contact-card [data-slot="card-footer"] {
  border-top: 1px solid var(--mf-public-line);
  background: var(--mf-public-panel-strong);
  flex-direction: column;
  align-items: flex-start;
  gap: .75rem;
  padding: 1.25rem 1.5rem 1.5rem;
  display: flex;
}

.public-about-contact-card [data-slot="card-footer"] [data-slot="button"] {
  width: 100%;
  min-height: 2.75rem;
}

.public-about-contact-card [data-slot="field-description"] {
  font-size: .6875rem;
  line-height: 1.5;
}

@media (prefers-reduced-motion: reduce) {
  .public-about-capability-card[data-slot="card"] {
    transition: none;
  }

  .public-about-capability-card:hover {
    transform: none;
  }
}

@media (max-width: 1100px) {
  .public-about-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-about-stack-card {
    width: min(100%, 44rem);
  }

  .public-about-contact {
    grid-template-columns: minmax(16rem, .7fr) minmax(0, 1.3fr);
    gap: 3rem;
  }
}

@media (max-width: 900px) {
  .public-about-section-header {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
  }

  .public-about-principles {
    gap: 2.75rem;
  }

  .public-about-principles-header {
    width: min(100%, 42rem);
  }

  .public-about-principles-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-about-principles-list li + li {
    border-left: 0;
  }

  .public-about-principles-list li:nth-child(2n) {
    border-left: 1px solid var(--mf-public-line);
  }

  .public-about-principles-list li:nth-child(n+3) {
    border-top: 1px solid var(--mf-public-line);
  }

  .public-about-audience-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-about-community {
    gap: 2.25rem;
  }

  .public-about-contact {
    grid-template-columns: minmax(0, 1fr);
    gap: 3rem;
  }

  .public-about-contact > form {
    justify-self: stretch;
    max-width: none;
  }
}

@media (max-width: 700px) {
  .public-page-frame.public-about-frame {
    padding-top: 1rem;
  }

  .public-about-hero {
    border-radius: 14px;
    gap: 2.75rem;
    padding: 3.25rem 1.25rem 1.25rem;
  }

  .public-about-hero .public-page-title {
    max-width: 100%;
    font-size: clamp(2.85rem, 12vw, 3.8rem);
  }

  .public-about-hero-actions {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    margin-top: 1.75rem;
    display: grid;
  }

  .public-about-hero-actions [data-slot="button"] {
    width: 100%;
  }

  .public-about-stack-card [data-slot="card-header"], .public-about-stack-card [data-slot="card-footer"] {
    padding-inline: 1.1rem;
  }

  .public-about-section {
    padding-block: 4.25rem;
  }

  .public-about-section-header {
    margin-bottom: 2rem;
  }

  .public-about-section-heading h2, .public-about-centered-header h2, .public-about-principles-header h2, .public-about-community h2, .public-about-contact-copy h2 {
    font-size: clamp(1.85rem, 8.5vw, 2.4rem);
  }

  .public-about-capabilities-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-about-capability-card[data-slot="card"] {
    min-height: 13.5rem;
  }

  .public-about-capability-card [data-slot="card-header"] {
    gap: 1.5rem;
    padding: 1.25rem 1.15rem 1.1rem;
  }

  .public-about-capability-card [data-slot="card-content"] {
    padding: 1.1rem 1.15rem 1.25rem;
  }

  .public-about-audiences, .public-about-principles {
    padding-block: 4.25rem;
  }

  .public-about-centered-header {
    text-align: left;
    align-items: flex-start;
    gap: 1.15rem;
    margin-bottom: 2rem;
  }

  .public-about-centered-header .public-about-section-label {
    justify-content: flex-start;
  }

  .public-about-audience-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-about-audience-card[data-slot="card"] {
    min-height: 14rem;
  }

  .public-about-principles-header {
    text-align: left;
    align-items: flex-start;
    gap: 1.15rem;
  }

  .public-about-principles-header .public-about-section-label {
    justify-content: flex-start;
  }

  .public-about-principles-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-about-principles-list li {
    min-height: 0;
    padding: 1.25rem 1.1rem;
  }

  .public-about-principles-list li:nth-child(2n) {
    border-left: 0;
  }

  .public-about-principles-list li + li {
    border-top: 1px solid var(--mf-public-line);
  }

  .public-about-community {
    gap: 2rem;
    padding-block: 4.25rem;
  }

  .public-about-community-actions {
    flex-direction: column;
    width: 100%;
  }

  .public-about-community-actions [data-slot="button"] {
    width: 100%;
    min-width: 0;
  }

  .public-about-contact {
    border-radius: 14px;
    gap: 2.5rem;
    margin-top: 4.25rem;
    padding: 1.25rem;
  }

  .public-about-contact-fields[data-slot="field-group"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-about-contact-field-wide {
    grid-column: auto;
  }

  .public-about-contact-card [data-slot="card-header"], .public-about-contact-card [data-slot="card-content"] {
    padding: 1.25rem 1.1rem;
  }

  .public-about-contact-card [data-slot="card-footer"] {
    padding: 1.1rem;
  }
}

.cheapai-public-surface.public-trust-page {
  --mf-public-brand: #c7ef00;
  --mf-trust-acid: #c7ef00;
  --mf-public-bg: #fff;
  --mf-public-panel: #fff;
  --mf-public-panel-strong: #fafafa;
  --mf-public-ink: #090909;
  --mf-public-brand-foreground: var(--mf-public-brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-public-surface.public-trust-page {
    --mf-public-brand-foreground: color-mix(in srgb,
    var(--mf-public-brand) 48%,
    var(--mf-public-ink));
  }
}

.cheapai-public-surface.public-trust-page {
  --mf-public-muted: #666;
  --mf-public-line: #0909091f;
  --mf-public-line-soft: #0909090d;
  --mf-public-line-strong: #09090938;
  --mf-public-shadow-soft: transparent;
  --mf-public-shadow-medium: transparent;
  --mf-public-shadow-strong: transparent;
}

.dark .cheapai-public-surface.public-trust-page {
  --mf-public-brand: #d7ff00;
  --mf-trust-acid: #d7ff00;
  --mf-public-bg: #050505;
  --mf-public-panel: #090909;
  --mf-public-panel-strong: #0f0f0f;
  --mf-public-ink: #f5f5f5;
  --mf-public-brand-foreground: var(--mf-public-brand);
  --mf-public-muted: #999;
  --mf-public-line: #ffffff1f;
  --mf-public-line-soft: #ffffff0d;
  --mf-public-line-strong: #ffffff38;
}

.public-trust-page .public-page-grid {
  opacity: .2;
  -webkit-mask-image: linear-gradient(#00000047, #0000 46rem calc(100% - 22rem), #0000002e);
  mask-image: linear-gradient(#00000047, #0000 46rem calc(100% - 22rem), #0000002e);
}

.public-page-frame.public-trust-frame {
  padding-top: clamp(2rem, 4vw, 3.75rem);
}

.public-trust-hero {
  border: 1px solid var(--mf-public-line-strong);
  background: radial-gradient(circle at 92% 4%,
      var(--mf-trust-acid),
      transparent 32%),
    linear-gradient(142deg,
      var(--mf-public-panel),
      var(--mf-public-panel-strong));
  grid-template-columns: minmax(0, 1.08fr) minmax(23rem, .82fr);
  align-items: center;
  gap: clamp(2.5rem, 5vw, 5rem);
  display: grid;
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-trust-hero {
    background: radial-gradient(circle at 92% 4%,
      color-mix(in srgb, var(--mf-trust-acid) 18%, transparent),
      transparent 32%),
    linear-gradient(142deg,
      var(--mf-public-panel),
      color-mix(in srgb, var(--mf-public-panel-strong) 95%, transparent));
  }
}

.public-trust-hero {
  padding: clamp(3rem, 5.5vw, 5.5rem) clamp(2rem, 4.5vw, 4.5rem);
}

.public-trust-hero:before, .public-trust-hero:after {
  background: var(--mf-trust-acid);
  content: "";
  width: .5rem;
  height: .5rem;
  position: absolute;
}

.public-trust-hero:before {
  top: -1px;
  left: -1px;
}

.public-trust-hero:after {
  bottom: -1px;
  right: -1px;
}

.public-trust-hero-copy {
  min-width: 0;
}

.public-trust-hero .public-page-eyebrow > span {
  background: var(--mf-trust-acid);
}

.public-trust-hero .public-page-title {
  max-width: 10.75em;
  font-size: clamp(3.25rem, 5vw, 4.8rem);
}

.public-trust-hero .public-page-lead {
  max-width: 43rem;
  font-size: 1rem;
}

.public-trust-hero-boundary {
  border-left: 2px solid var(--mf-trust-acid);
  max-width: 43rem;
  color: var(--mf-public-ink);
  margin-top: 1.15rem;
  padding-left: 1rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-trust-hero-boundary {
    color: color-mix(in srgb, var(--mf-public-ink) 64%, transparent);
  }
}

.public-trust-hero-boundary {
  font-size: .8125rem;
  line-height: 1.65;
}

.public-trust-hero-actions {
  flex-wrap: wrap;
  gap: .625rem;
  margin-top: 2rem;
  display: flex;
}

.public-trust-hero-actions [data-slot="button"] {
  min-height: 2.75rem;
  padding-inline: 1rem;
}

.public-trust-operator-line {
  color: var(--mf-public-ink);
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: 1.75rem;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-trust-operator-line {
    color: color-mix(in srgb, var(--mf-public-ink) 54%, transparent);
  }
}

.public-trust-operator-line {
  font-family: var(--mf-public-mono);
  letter-spacing: .035em;
  text-transform: uppercase;
  font-size: .625rem;
  line-height: 1.5;
}

.public-trust-snapshot-card[data-slot="card"] {
  border: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  gap: 0;
  overflow: hidden;
  border-radius: 12px !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-trust-snapshot-card[data-slot="card"] {
    background: color-mix(in srgb,
    var(--mf-public-panel) 97%,
    var(--mf-trust-acid));
  }
}

.public-trust-snapshot-card[data-slot="card"] {
  padding: 0;
}

.public-trust-snapshot-card [data-slot="card-header"] {
  border-bottom: 1px solid var(--mf-public-line-strong);
  padding: 1.25rem 1.35rem;
}

.public-trust-snapshot-card [data-slot="card-description"] {
  font-family: var(--mf-public-mono);
  letter-spacing: .075em;
  text-transform: uppercase;
  font-size: .625rem;
  font-weight: 600;
}

.public-trust-snapshot-card [data-slot="card-title"] h2 {
  letter-spacing: -.025em;
  font-size: 1.125rem;
  font-weight: 500;
}

.public-trust-snapshot-card [data-slot="card-content"] {
  padding: 0;
}

.public-trust-snapshot-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.public-trust-snapshot-list li {
  border-bottom: 1px solid var(--mf-public-line);
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .75rem;
  padding: 1rem 1.35rem;
  display: grid;
}

.public-trust-snapshot-index {
  color: var(--mf-public-brand-foreground);
  font-family: var(--mf-public-mono);
  padding-top: .15rem;
  font-size: .625rem;
  font-weight: 600;
}

.public-trust-snapshot-list li > div {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: .6rem;
  display: grid;
}

.public-trust-snapshot-list strong {
  color: var(--mf-public-ink);
  font-size: .8125rem;
  font-weight: 500;
}

.public-trust-snapshot-list [data-slot="badge"] {
  border-color: var(--mf-public-line-strong);
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  background: none;
  font-size: .5625rem;
}

.public-trust-snapshot-list p {
  color: var(--mf-public-muted);
  grid-column: 1 / -1;
  font-size: .6875rem;
  line-height: 1.55;
}

.public-trust-snapshot-card [data-slot="card-footer"] {
  background: none;
  gap: .7rem;
  padding: .9rem 1.35rem;
}

.public-trust-snapshot-card [data-slot="card-footer"] p {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  font-size: .625rem;
  line-height: 1.45;
}

.public-trust-live-dot, .public-trust-health-indicator {
  background: var(--mf-trust-acid);
  width: .5rem;
  height: .5rem;
  box-shadow: 0 0 0 .25rem
    var(--mf-trust-acid);
  border-radius: 50%;
  flex: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-trust-live-dot, .public-trust-health-indicator {
    box-shadow: 0 0 0 .25rem
    color-mix(in srgb, var(--mf-trust-acid) 14%, transparent);
  }
}

.public-trust-content-layout {
  grid-template-columns: minmax(11rem, .25fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(2.5rem, 5vw, 5.5rem);
  margin-top: clamp(4.5rem, 7vw, 7rem);
  display: grid;
}

.public-trust-toc-shell {
  position: sticky;
  top: 6.5rem;
}

.public-trust-toc {
  border-top: 1px solid var(--mf-public-line-strong);
  padding-top: 1.15rem;
}

.public-trust-toc > p {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-trust-toc > p {
    color: color-mix(in srgb, var(--mf-public-ink) 48%, transparent);
  }
}

.public-trust-toc > p {
  font-family: var(--mf-public-mono);
  letter-spacing: .075em;
  text-transform: uppercase;
  font-size: .625rem;
  font-weight: 600;
}

.public-trust-toc ol {
  flex-direction: column;
  gap: .2rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.public-trust-toc a {
  color: var(--mf-public-muted);
  border-left: 2px solid #0000;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  gap: .4rem;
  padding: .55rem .7rem;
  font-size: .75rem;
  line-height: 1.4;
  text-decoration: none;
  transition: border-color .16s, background .16s, color .16s;
  display: grid;
}

.public-trust-toc a:hover {
  background: var(--mf-public-line-soft);
  color: var(--mf-public-ink);
}

.public-trust-toc a[aria-current="location"] {
  border-color: var(--mf-trust-acid);
  background: var(--mf-trust-acid);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-trust-toc a[aria-current="location"] {
    background: color-mix(in srgb, var(--mf-trust-acid) 10%, transparent);
  }
}

.public-trust-toc a[aria-current="location"] {
  color: var(--mf-public-ink);
}

.public-trust-toc a > span {
  color: var(--mf-public-brand-foreground);
  font-family: var(--mf-public-mono);
  font-size: .625rem;
}

.public-trust-sections {
  min-width: 0;
}

.public-trust-section {
  border-top: 1px solid var(--mf-public-line-strong);
  padding-block: clamp(4.5rem, 7vw, 6.5rem);
  scroll-margin-top: 7rem;
}

.public-trust-sections > .public-trust-section:first-child {
  border-top: 0;
  padding-top: 0;
}

.public-trust-section-header {
  grid-template-columns: 3.25rem minmax(0, 1fr);
  gap: 1.15rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  display: grid;
}

.public-trust-section-index {
  border: 1px solid var(--mf-public-line-strong);
  background: var(--mf-trust-acid);
  color: #090909;
  width: 2.75rem;
  height: 2.75rem;
  font-family: var(--mf-public-mono);
  justify-content: center;
  align-items: center;
  font-size: .6875rem;
  font-weight: 700;
  display: flex;
}

.public-trust-section-heading-copy {
  max-width: 48rem;
}

.public-trust-section-eyebrow {
  color: var(--mf-public-brand-foreground);
  font-family: var(--mf-public-mono);
  letter-spacing: .075em;
  text-transform: uppercase;
  font-size: .625rem;
  font-weight: 600;
}

.public-trust-section-heading-copy h2, .public-trust-final-cta h2 {
  color: var(--mf-public-ink);
  letter-spacing: -.043em;
  text-wrap: balance;
  margin-top: .65rem;
  font-size: clamp(2rem, 3.4vw, 2.85rem);
  font-weight: 500;
  line-height: 1.06;
}

.public-trust-section-heading-copy > p:last-child, .public-trust-final-cta > div:first-child > p:last-child {
  max-width: 44rem;
  color: var(--mf-public-muted);
  margin-top: 1rem;
  font-size: .9375rem;
  line-height: 1.7;
}

.public-trust-flow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 0 1.25rem;
  padding: 0;
  list-style: none;
  display: grid;
}

.public-trust-flow > li {
  align-items: center;
  min-width: 0;
  display: flex;
}

.public-trust-flow-node {
  border: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  grid-template-columns: 2.5rem minmax(0, 1fr);
  align-items: center;
  gap: .75rem;
  width: 100%;
  min-height: 14rem;
  padding: 1.25rem;
  display: grid;
}

.public-trust-flow-icon {
  border: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-panel-strong);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--mf-public-brand-foreground);
  justify-content: center;
  align-items: center;
  display: flex;
}

.public-trust-flow-icon svg {
  width: 1.15rem;
  height: 1.15rem;
}

.public-trust-flow-index {
  color: var(--mf-public-brand-foreground);
  font-family: var(--mf-public-mono);
  justify-self: end;
  font-size: .625rem;
  font-weight: 600;
}

.public-trust-flow-node strong {
  color: var(--mf-public-ink);
  grid-column: 1 / -1;
  margin-top: 1rem;
  font-size: .875rem;
  font-weight: 500;
}

.public-trust-flow-node p {
  color: var(--mf-public-muted);
  grid-column: 1 / -1;
  align-self: start;
  font-size: .75rem;
  line-height: 1.6;
}

.public-trust-flow-arrow {
  width: 1.4rem;
  color: var(--mf-public-brand-foreground);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.public-trust-flow-arrow svg {
  width: .85rem;
  height: .85rem;
}

.public-trust-section [data-slot="alert"] {
  padding: 1rem 1.1rem;
  border-radius: 0 !important;
}

.public-trust-section [data-slot="alert-title"] {
  font-size: .8125rem;
}

.public-trust-section [data-slot="alert-description"] {
  text-wrap: pretty;
  font-size: .75rem;
  line-height: 1.6;
}

.public-trust-table-card[data-slot="card"] {
  border: 1px solid var(--mf-public-line-strong);
  gap: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 0 !important;
}

.public-trust-table-card [data-slot="card-header"] {
  border-bottom: 1px solid var(--mf-public-line-strong);
  padding: 1.25rem 1.4rem;
}

.public-trust-table-card [data-slot="card-description"] {
  font-family: var(--mf-public-mono);
  letter-spacing: .065em;
  text-transform: uppercase;
  font-size: .625rem;
  font-weight: 600;
}

.public-trust-table-card [data-slot="card-title"] {
  font-size: 1.0625rem;
}

.public-trust-table-card [data-slot="card-content"] {
  padding: 0;
}

.public-trust-table {
  min-width: 52rem;
}

.public-trust-table [data-slot="table-head"] {
  background: var(--mf-public-panel-strong);
  height: auto;
  color: var(--mf-public-ink);
  padding: .85rem 1rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-trust-table [data-slot="table-head"] {
    color: color-mix(in srgb, var(--mf-public-ink) 58%, transparent);
  }
}

.public-trust-table [data-slot="table-head"] {
  font-family: var(--mf-public-mono);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: .625rem;
  font-weight: 600;
}

.public-trust-table [data-slot="table-cell"] {
  min-width: 12rem;
  color: var(--mf-public-muted);
  white-space: normal;
  padding: 1rem;
  font-size: .75rem;
  line-height: 1.6;
}

.public-trust-table [data-slot="table-cell"]:first-child {
  width: 24%;
  color: var(--mf-public-ink);
}

.public-trust-table [data-slot="table-cell"] strong {
  font-weight: 500;
}

.public-trust-table-card [data-slot="card-footer"] {
  background: var(--mf-public-panel-strong);
  padding: .9rem 1.4rem;
}

.public-trust-table-card [data-slot="card-footer"] p {
  color: var(--mf-public-muted);
  font-size: .6875rem;
  line-height: 1.55;
}

.public-trust-card-grid, .public-trust-document-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
  display: grid;
}

.public-trust-control-card[data-slot="card"], .public-trust-document-card[data-slot="card"], .public-trust-status-card[data-slot="card"] {
  border: 1px solid var(--mf-public-line-strong);
  box-shadow: none;
  gap: 0;
  padding: 0;
  border-radius: 10px !important;
}

.public-trust-control-card [data-slot="card-header"], .public-trust-document-card [data-slot="card-header"], .public-trust-status-card [data-slot="card-header"] {
  border-bottom: 1px solid var(--mf-public-line);
  min-height: 8rem;
  padding: 1.25rem 1.35rem;
}

.public-trust-control-card [data-slot="card-description"], .public-trust-document-card [data-slot="card-description"], .public-trust-status-card [data-slot="card-description"] {
  color: var(--mf-public-brand-foreground);
  font-family: var(--mf-public-mono);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: .625rem;
  font-weight: 600;
}

.public-trust-control-card [data-slot="card-title"] h3, .public-trust-status-card [data-slot="card-title"] h3 {
  letter-spacing: -.025em;
  max-width: 20rem;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.35;
}

.public-trust-control-card [data-slot="card-action"], .public-trust-document-card [data-slot="card-action"], .public-trust-status-card [data-slot="card-action"] {
  border: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-panel-strong);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--mf-public-brand-foreground);
  justify-content: center;
  align-items: center;
  display: flex;
}

.public-trust-control-card [data-slot="card-action"] svg, .public-trust-document-card [data-slot="card-action"] svg, .public-trust-status-card [data-slot="card-action"] svg {
  width: 1.125rem;
  height: 1.125rem;
}

.public-trust-control-card [data-slot="card-content"], .public-trust-document-card [data-slot="card-content"], .public-trust-status-card [data-slot="card-content"] {
  flex: 1;
  padding: 1.25rem 1.35rem 1.4rem;
}

.public-trust-control-card [data-slot="card-content"] p, .public-trust-document-card [data-slot="card-content"] p, .public-trust-status-card [data-slot="card-content"] p {
  color: var(--mf-public-muted);
  font-size: .75rem;
  line-height: 1.65;
}

.public-trust-status-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.public-trust-health-indicator.is-checking {
  background: var(--mf-public-muted);
  box-shadow: 0 0 0 .25rem var(--mf-public-line-soft);
}

.public-trust-health-indicator.is-unavailable {
  background: var(--destructive);
  box-shadow: 0 0 0 .25rem
    var(--destructive);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-trust-health-indicator.is-unavailable {
    box-shadow: 0 0 0 .25rem
    color-mix(in srgb, var(--destructive) 12%, transparent);
  }
}

.public-trust-status-card [data-slot="card-footer"] {
  background: var(--mf-public-panel-strong);
  min-height: 4.25rem;
  padding: .9rem 1.35rem;
}

.public-trust-status-card [data-slot="card-footer"] p {
  color: var(--mf-public-muted);
  font-size: .6875rem;
  line-height: 1.55;
}

.public-trust-document-card [data-slot="card-header"] {
  min-height: 7.5rem;
}

.public-trust-document-card [data-slot="card-footer"] {
  background: var(--mf-public-panel-strong);
  min-height: 3.5rem;
  padding: .55rem .8rem;
}

.public-trust-document-card [data-slot="card-footer"] [data-slot="button"] {
  justify-content: flex-start;
  padding-inline: .35rem;
}

.public-trust-responsibility-card[data-slot="card"] {
  border: 1px solid var(--mf-public-line-strong);
  gap: 0;
  padding: 0;
  border-radius: 0 !important;
}

.public-trust-responsibility-card [data-slot="card-header"] {
  border-bottom: 1px solid var(--mf-public-line-strong);
  padding: 1.25rem 1.4rem;
}

.public-trust-responsibility-card [data-slot="card-content"] {
  padding: 0;
}

.public-trust-responsibility-card ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.public-trust-responsibility-card li {
  border-bottom: 1px solid var(--mf-public-line);
  min-height: 6.5rem;
  color: var(--mf-public-muted);
  grid-template-columns: 1.25rem minmax(0, 1fr);
  gap: .7rem;
  padding: 1.15rem 1.25rem;
  font-size: .75rem;
  line-height: 1.6;
  display: grid;
}

.public-trust-responsibility-card li:nth-child(odd) {
  border-right: 1px solid var(--mf-public-line);
}

.public-trust-responsibility-card li:nth-last-child(-n+2) {
  border-bottom: 0;
}

.public-trust-responsibility-card li svg {
  width: 1rem;
  height: 1rem;
  color: var(--mf-public-brand-foreground);
  margin-top: .15rem;
}

.public-trust-report-card[data-slot="card"] {
  border: 1px solid var(--mf-public-line-strong);
  background: radial-gradient(circle at 100% 0%,
      var(--mf-trust-acid),
      transparent 34%),
    var(--mf-public-panel);
  gap: 0;
  overflow: hidden;
  border-radius: 12px !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-trust-report-card[data-slot="card"] {
    background: radial-gradient(circle at 100% 0%,
      color-mix(in srgb, var(--mf-trust-acid) 16%, transparent),
      transparent 34%),
    var(--mf-public-panel);
  }
}

.public-trust-report-card[data-slot="card"] {
  padding: 0;
}

.public-trust-report-card [data-slot="card-header"] {
  border-bottom: 1px solid var(--mf-public-line-strong);
  padding: 1.4rem 1.5rem;
}

.public-trust-report-card [data-slot="card-title"] h3 {
  font-size: 1.125rem;
  font-weight: 500;
}

.public-trust-report-card [data-slot="card-action"] {
  color: var(--mf-public-brand-foreground);
}

.public-trust-report-card [data-slot="card-content"] {
  padding: 0;
}

.public-trust-report-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.public-trust-report-columns > div {
  min-height: 14rem;
  padding: 1.4rem 1.5rem;
}

.public-trust-report-columns > div + div {
  border-left: 1px solid var(--mf-public-line);
}

.public-trust-report-columns h4 {
  color: var(--mf-public-ink);
  font-size: .8125rem;
  font-weight: 500;
}

.public-trust-report-columns ul {
  color: var(--mf-public-muted);
  flex-direction: column;
  gap: .65rem;
  margin: 1rem 0 0;
  padding-left: 1rem;
  font-size: .75rem;
  line-height: 1.55;
  display: flex;
}

.public-trust-report-card [data-slot="card-footer"] {
  background: var(--mf-public-panel-strong);
  gap: 1rem;
  padding: 1rem 1.5rem;
}

.public-trust-report-card [data-slot="card-footer"] > span {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  font-size: .6875rem;
}

.public-trust-final-cta {
  border: 1px solid var(--mf-public-line-strong);
  background: linear-gradient(100deg,
      var(--mf-trust-acid),
      transparent 58%),
    var(--mf-public-panel);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 2rem;
  margin-top: clamp(4rem, 7vw, 6rem);
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-trust-final-cta {
    background: linear-gradient(100deg,
      color-mix(in srgb, var(--mf-trust-acid) 13%, transparent),
      transparent 58%),
    var(--mf-public-panel);
  }
}

.public-trust-final-cta {
  padding: clamp(2rem, 4vw, 3.5rem);
}

.public-trust-final-cta h2 {
  max-width: 15em;
}

.public-trust-final-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .625rem;
  display: flex;
}

.public-trust-legal-note {
  max-width: 52rem;
  color: var(--mf-public-ink);
  margin: 1.5rem auto 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-trust-legal-note {
    color: color-mix(in srgb, var(--mf-public-ink) 48%, transparent);
  }
}

.public-trust-legal-note {
  text-align: center;
  font-size: .6875rem;
  line-height: 1.6;
}

@media (max-width: 1120px) {
  .public-trust-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-trust-snapshot-card {
    width: min(100%, 46rem);
  }

  .public-trust-content-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.5rem;
  }

  .public-trust-toc-shell {
    z-index: 4;
    border-block: 1px solid var(--mf-public-line-strong);
    background: var(--mf-public-bg);
    position: sticky;
    top: 52px;
    overflow: hidden;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .public-trust-toc-shell {
      background: color-mix(in srgb, var(--mf-public-bg) 92%, transparent);
    }
  }

  .public-trust-toc-shell {
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }

  .public-trust-toc {
    scrollbar-width: none;
    border: 0;
    padding: 0;
    overflow-x: auto;
  }

  .public-trust-toc::-webkit-scrollbar {
    display: none;
  }

  .public-trust-toc > p {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  .public-trust-toc ol {
    flex-direction: row;
    gap: 0;
    width: max-content;
    margin: 0;
  }

  .public-trust-toc a {
    white-space: nowrap;
    border-bottom: 2px solid #0000;
    border-left: 0;
    align-items: center;
    min-height: 3.25rem;
    padding: .65rem .9rem;
    display: flex;
  }

  .public-trust-toc a[aria-current="location"] {
    border-color: var(--mf-trust-acid);
  }

  .public-trust-section {
    scroll-margin-top: 7.25rem;
  }
}

@media (max-width: 820px) {
  .public-trust-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  .public-trust-flow > li {
    align-items: stretch;
  }

  .public-trust-flow-node {
    min-height: 12rem;
  }

  .public-trust-flow-arrow {
    display: none;
  }

  .public-trust-card-grid, .public-trust-document-grid, .public-trust-status-grid, .public-trust-responsibility-card ul {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-trust-responsibility-card li, .public-trust-responsibility-card li:nth-child(odd), .public-trust-responsibility-card li:nth-last-child(-n+2) {
    border-right: 0;
    border-bottom: 1px solid var(--mf-public-line);
    min-height: 0;
  }

  .public-trust-responsibility-card li:last-child {
    border-bottom: 0;
  }

  .public-trust-report-columns {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-trust-report-columns > div {
    min-height: 0;
  }

  .public-trust-report-columns > div + div {
    border-top: 1px solid var(--mf-public-line);
    border-left: 0;
  }

  .public-trust-final-cta {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .public-trust-final-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .public-page-frame.public-trust-frame {
    --mf-public-gutter: 1rem;
    padding-top: 1rem;
  }

  .public-trust-hero {
    gap: 2.25rem;
    padding: 2.5rem 1.15rem 1.15rem;
  }

  .public-trust-hero .public-page-title {
    font-size: clamp(2.65rem, 13vw, 3.6rem);
  }

  .public-trust-hero-actions, .public-trust-final-actions {
    flex-direction: column;
  }

  .public-trust-hero-actions [data-slot="button"], .public-trust-final-actions [data-slot="button"] {
    width: 100%;
  }

  .public-trust-snapshot-list li {
    padding-inline: 1rem;
  }

  .public-trust-snapshot-list li > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-trust-snapshot-list [data-slot="badge"] {
    justify-self: start;
  }

  .public-trust-content-layout {
    margin-top: 3.5rem;
  }

  .public-trust-section-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-trust-section-index {
    width: 2.5rem;
    height: 2.5rem;
  }

  .public-trust-flow {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-trust-flow-node {
    min-height: 0;
  }

  .public-trust-table {
    min-width: 45rem;
  }

  .public-trust-report-card [data-slot="card-footer"] {
    flex-direction: column;
    align-items: flex-start;
  }

  .public-trust-report-card [data-slot="card-footer"] [data-slot="button"] {
    width: 100%;
  }

  .public-trust-final-cta {
    padding: 1.5rem 1.15rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .public-trust-toc a {
    transition: none;
  }
}

@media (max-width: 1279px) {
  .cheapai-public-surface {
    --mf-public-frame-width: min(calc(100% - 32px), 77.5rem);
    --mf-public-gutter: 1.5rem;
  }

  .public-catalog-workspace {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 980px) {
  .public-docs-card {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  }

  .public-docs-card [data-slot="card-content"] {
    border-right: 0;
  }

  .public-docs-card [data-slot="card-footer"] {
    border-top: 1px solid var(--mf-public-line);
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) minmax(10rem, .45fr);
    align-items: end;
    display: grid;
  }

  .public-reading-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-reading-toc {
    display: none;
  }

  .public-reading-toc-panel {
    display: block;
  }

  .public-article-catalog-header {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  .public-article-filters {
    justify-content: flex-start;
  }

  .public-article-feature-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-article-feature-side {
    grid-template-rows: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-article-card[data-card-variant="compact"] {
    display: flex;
  }

  .public-article-card[data-card-variant="compact"] .public-article-cover {
    border-right: 0;
    border-bottom: 1px solid var(--mf-public-line);
    aspect-ratio: 16 / 9;
    min-height: 0;
  }

  .public-article-grid, .cheapai-seo-article-index ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-article-detail-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-article-detail-header .public-article-cover {
    width: min(100%, 48rem);
  }

  .public-reading-toc-collapsible {
    display: block;
  }

  .public-reading-rail {
    max-height: none;
    position: static;
    overflow: visible;
  }

  .public-reading-rail .public-reading-toc {
    display: none;
  }

  .public-article-reading-cta {
    max-width: 32rem;
  }
}

@media (max-width: 700px) {
  .cheapai-public-surface {
    --mf-public-frame-width: 100%;
    --mf-public-gutter: 1rem;
  }

  .public-page-frame {
    padding-top: 3.75rem;
    padding-bottom: 4.5rem;
  }

  .public-page-title, .public-docs-detail-title {
    letter-spacing: -.045em;
    max-width: 100%;
    margin-top: 1.1rem;
    font-size: clamp(2.65rem, 12vw, 3.5rem);
    line-height: .98;
  }

  .public-page-lead {
    margin-top: 1.15rem;
    font-size: .9375rem;
    line-height: 1.58;
  }

  .public-catalog-search {
    margin-top: 1.5rem;
  }

  .public-catalog-workspace {
    margin-top: 3rem;
  }

  .public-catalog-toolbar, .public-catalog-sidebar-panel, .public-model-card, .public-docs-toolbar, .public-docs-directory {
    box-shadow: 3px 3px #1414140a;
  }

  .public-docs-hero {
    margin-bottom: 0;
  }

  .public-docs-workspace {
    margin-top: 3rem;
  }

  .public-docs-toolbar {
    flex-direction: column;
    align-items: stretch;
    padding: .875rem;
  }

  .public-docs-toolbar-endpoint {
    width: 100%;
  }

  .public-docs-support-actions {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    display: grid;
  }

  .public-docs-support-actions :is(a, button) {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
  }

  .public-docs-directory-header {
    padding-inline: 1rem;
  }

  .public-docs-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-docs-card [data-slot="card-header"], .public-docs-card [data-slot="card-content"], .public-docs-card [data-slot="card-footer"] {
    padding: 1.125rem;
  }

  .public-docs-card [data-slot="card-header"], .public-docs-card [data-slot="card-content"] {
    border-right: 0;
    border-bottom: 1px solid var(--mf-public-line);
  }

  .public-docs-interactive-action-row {
    padding: .75rem 1.125rem 1.125rem;
  }

  .public-docs-interactive-button-badge {
    display: none;
  }

  .public-docs-card [data-slot="card-footer"] {
    grid-column: auto;
    display: flex;
  }

  .public-docs-card-overline {
    align-items: flex-start;
  }

  .public-docs-card-badge {
    max-width: min(72%, 15rem);
  }

  .public-docs-detail-toolbar {
    margin-bottom: 2.5rem;
  }

  .public-docs-detail-header {
    padding-bottom: 2rem;
  }

  .public-reading-prose {
    font-size: .9375rem;
    line-height: 1.72;
  }

  .public-reading-prose h2 {
    margin-top: 3rem;
    font-size: 1.5rem;
  }

  .public-article-grid, .cheapai-seo-article-index ul {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-articles-directory {
    gap: 4rem;
    margin-top: 3.5rem;
  }

  .public-article-feature-side {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-article-card[data-card-variant="feature"] .public-article-cover {
    min-height: 0;
  }

  .public-article-catalog-header {
    gap: 1.25rem;
  }

  .public-article-filters {
    scrollbar-width: none;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: calc(100% + 2rem);
    margin-inline: -1rem;
    padding: .125rem 1rem .35rem;
    overflow-x: auto;
  }

  .public-article-filters::-webkit-scrollbar {
    display: none;
  }

  .public-article-filters [data-slot="toggle-group-item"] {
    flex: none;
  }

  .public-article-card [data-slot="card-footer"] {
    flex-direction: column;
    align-items: flex-start;
  }

  .public-article-card {
    min-height: 0;
  }

  .public-article-detail-header {
    padding-bottom: 0;
  }

  .public-article-detail-header .public-article-cover {
    min-height: 0;
  }

  .public-article-detail-title {
    font-size: clamp(2.45rem, 11vw, 3.35rem);
  }

  .public-article-breadcrumb {
    margin-bottom: 2.5rem;
  }

  .public-article-section-heading {
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    gap: .75rem;
  }

  .public-article-reading-cta {
    max-width: none;
  }

  .public-reading-toc-trigger {
    min-height: 3rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cheapai-public-surface [data-slot="button"], .public-model-card, .public-docs-card, .public-docs-card:before, .public-docs-card-link svg, .public-article-card, .public-article-cover img, .public-article-card-action svg, .public-article-filters [data-slot="toggle-group-item"], .cheapai-seo-article-index li, .public-reading-toc-trigger, .public-article-reading-action, .public-article-reading-action svg, .public-reading-toc a, .public-reading-toc-panel a {
    transition: none !important;
  }

  .cheapai-public-surface [data-slot="button"]:hover, .public-model-card:hover, .public-docs-card:hover, .public-docs-guide-link:hover .public-docs-card:before, .public-docs-guide-link:hover .public-docs-card-link svg, .public-article-link:hover .public-article-card, .public-article-link:hover .public-article-card-action svg, .public-article-link:hover .public-article-cover img, .public-article-reading-action:hover svg {
    transform: none;
  }
}

[data-slot="tooltip-content"], [data-slot="tooltip-content"] * {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

[data-slot="tooltip-content"]::-webkit-scrollbar {
  display: none;
}

[data-slot="tooltip-content"] ::-webkit-scrollbar {
  display: none;
}

.CollapsibleContent {
  overflow: hidden;
}

@media (prefers-reduced-motion: no-preference) {
  .CollapsibleContent[data-open] {
    animation: .3s ease-out slideDown;
  }

  .CollapsibleContent:not([data-open]) {
    animation: .3s ease-out slideUp;
  }
}

@keyframes slideDown {
  from {
    height: 0;
  }

  to {
    height: var(--collapsible-panel-height);
  }
}

@keyframes slideUp {
  from {
    height: var(--collapsible-panel-height);
  }

  to {
    height: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .animate-appear, .animate-appear-zoom, .animate-scroll-up, .animate-scroll-down, [data-slot="table"] tbody tr {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}

@keyframes landing-fade-up {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes landing-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes landing-scale-in {
  from {
    opacity: 0;
    transform: scale(.985);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.landing-animate-fade-up {
  animation: .7s cubic-bezier(.16, 1, .3, 1) both landing-fade-up;
}

.landing-animate-fade-in {
  animation: .58s ease-out both landing-fade-in;
}

.landing-animate-scale-in {
  animation: .68s cubic-bezier(.16, 1, .3, 1) both landing-scale-in;
}

@keyframes landing-terminal-line-glow {
  0%, 100% {
    opacity: .38;
  }

  50% {
    opacity: .78;
  }
}

.cheapai-landing {
  --landing-bg: #000;
  --landing-hero-bg: #000;
  --landing-panel: #0a0a0b;
  --landing-soft: #101112;
  --landing-divider-line: #ffffff17;
  --landing-card-line: #ffffff1f;
  --landing-inner-line: #ffffff12;
  --landing-line: var(--landing-divider-line);
  --landing-hairline: var(--landing-divider-line);
  --landing-ink: #fff;
  --landing-muted: #94979e;
  --landing-inverse: #000;
  --landing-gray-20: var(--landing-divider-line);
  --landing-gray-30: #494b50;
  --landing-gray-40: #61646b;
  --landing-gray-50: #797d86;
  --landing-gray-60: #94979e;
  --landing-gray-70: #afb1b6;
  --landing-gray-80: #c9cbcf;
  --landing-gray-90: #e4e5e7;
  --landing-brand-blue: #4340ff;
  --landing-brand-blue-bright: #7e7cff;
  --landing-brand-contrast: #fff;
  --landing-blue: var(--landing-brand-blue);
  --landing-teal: #37c38f;
  --landing-lime: #e4f1eb;
  --landing-green: #34d59a;
  --landing-green-badge: #39a57d;
  --landing-green-soft: #34d59a1a;
  --landing-cyan: #64d5e8;
  --landing-amber: #ffc330;
  --landing-violet: var(--landing-brand-blue-bright);
  --landing-orange: #ff6700;
  --landing-console: #0a0a0b;
  --landing-stage: #000;
  --landing-stage-panel: #ffffff0f;
  --landing-stage-border: var(--landing-card-line);
  --landing-stage-line: var(--landing-brand-blue);
  --landing-stage-accent: var(--landing-brand-blue);
  font-family: Inter,
    "Public Sans Variable",
    var(--font-body),
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

.dark .cheapai-landing {
  --landing-bg: #000;
  --landing-hero-bg: #000;
  --landing-panel: #0a0a0b;
  --landing-soft: #101112;
  --landing-divider-line: #ffffff17;
  --landing-card-line: #ffffff1f;
  --landing-inner-line: #ffffff12;
  --landing-line: var(--landing-divider-line);
  --landing-hairline: var(--landing-divider-line);
  --landing-ink: #fff;
  --landing-muted: #94979e;
  --landing-inverse: #000;
  --landing-gray-20: var(--landing-divider-line);
  --landing-gray-30: #494b50;
  --landing-gray-40: #61646b;
  --landing-gray-50: #797d86;
  --landing-gray-60: #94979e;
  --landing-gray-70: #afb1b6;
  --landing-gray-80: #c9cbcf;
  --landing-gray-90: #e4e5e7;
  --landing-brand-blue: #4340ff;
  --landing-brand-blue-bright: #7e7cff;
  --landing-brand-contrast: #fff;
  --landing-blue: var(--landing-brand-blue);
  --landing-teal: #37c38f;
  --landing-lime: #e4f1eb;
  --landing-green: #34d59a;
  --landing-green-badge: #39a57d;
  --landing-green-soft: #34d59a1a;
  --landing-cyan: #64d5e8;
  --landing-amber: #ffc330;
  --landing-violet: var(--landing-brand-blue-bright);
  --landing-orange: #ff6700;
  --landing-console: #0a0a0b;
  --landing-stage: #000;
  --landing-stage-panel: #ffffff0f;
  --landing-stage-border: var(--landing-card-line);
  --landing-stage-line: var(--landing-brand-blue);
  --landing-stage-accent: var(--landing-brand-blue);
}

.cheapai-landing .landing-heading {
  letter-spacing: 0;
  color: var(--landing-ink);
  font-family: Inter,
    "Public Sans Variable",
    var(--font-heading),
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

.cheapai-landing ::selection {
  background: var(--landing-blue);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-landing ::selection {
    background: color-mix(in srgb, var(--landing-blue) 22%, transparent);
  }
}

.landing-neon-hero-inner {
  max-width: 1600px;
  padding: 352px 32px 8px;
}

.landing-neon-kicker {
  column-gap: 8px;
  height: 14px;
}

.landing-neon-kicker span {
  font-size: 12px;
}

.cheapai-landing .landing-neon-title {
  max-width: 768px;
  margin-top: 20px;
  font-size: 68px;
  font-weight: 400;
  line-height: 1;
}

.landing-neon-subtitle {
  margin-top: 24px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;
}

.landing-neon-actions {
  gap: 12px 20px;
  margin-top: 32px;
}

.landing-neon-capabilities {
  margin-top: 48px;
  padding-top: 48px;
}

.landing-neon-capabilities-list {
  gap: 40px 44px;
}

.landing-neon-capability {
  flex: 1 1 0;
  min-width: 0;
}

.landing-neon-logo-row {
  margin-top: 160px;
}

.landing-logo-mark {
  letter-spacing: 0;
  min-width: max-content;
  font-size: 19px;
  font-weight: 600;
  line-height: 1;
}

.landing-terminal-sidebar, .landing-terminal-main {
  background-image: linear-gradient(#ffffff08 1px, #0000 1px), linear-gradient(90deg, #ffffff06 1px, #0000 1px);
  background-size: 44px 44px;
}

.landing-terminal-brand-mark {
  background: linear-gradient(135deg,
    var(--landing-blue),
    var(--landing-violet));
  box-shadow: 0 0 18px var(--landing-blue),
    inset 0 0 0 1px #ffffff2e;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-terminal-brand-mark {
    box-shadow: 0 0 18px color-mix(in oklab, var(--landing-blue) 24%, transparent),
    inset 0 0 0 1px #ffffff2e;
  }
}

.landing-terminal-nav-item {
  transition: background-color .16s, color .16s, transform .16s;
}

.landing-terminal-nav-item:hover {
  transform: translateX(2px);
}

.landing-terminal-pill, .landing-terminal-code, .landing-terminal-card, .landing-terminal-metric {
  box-shadow: inset 0 1px #ffffff0a;
}

.landing-terminal-tab, .landing-copy-button {
  transition: background-color .16s, color .16s, border-color .16s, transform .16s;
}

.landing-terminal-pre {
  scrollbar-width: thin;
  scrollbar-color: var(--landing-gray-30) transparent;
}

.landing-terminal-lane {
  border-color: var(--landing-card-line);
  box-shadow: inset 3px 0 0 var(--lane-color);
  background: linear-gradient(90deg, #ffffff0a, #0000), #ffffff08;
}

.landing-terminal-log:first-child span:last-child {
  color: var(--landing-cyan);
}

.landing-terminal-card:hover, .landing-terminal-metric:hover, .landing-terminal-lane:hover {
  border-color: #ffffff2e;
}

@media (max-width: 1279px) {
  .landing-neon-hero-inner {
    padding-inline: 64px;
    max-width: none;
    padding-top: 216px;
  }

  .landing-neon-title {
    font-size: 52px;
  }

  .landing-neon-subtitle {
    max-width: 680px;
    font-size: 16px;
  }

  .landing-neon-capabilities-list {
    scroll-snap-type: x mandatory;
    column-gap: 32px;
    margin-inline: -64px;
    padding-inline: 64px;
    scroll-padding-inline: 64px;
    overflow-x: auto;
  }

  .landing-neon-capability {
    flex: none;
    width: 276px;
  }

  .landing-neon-logo-row {
    margin-top: 112px;
  }
}

@media (max-width: 1023px) {
  .landing-neon-hero-inner {
    padding-inline: 32px;
    padding-top: 208px;
  }

  .landing-neon-title {
    font-size: 44px;
  }

  .landing-neon-subtitle {
    font-size: 15px;
  }

  .landing-neon-actions {
    column-gap: 16px;
    margin-top: 28px;
  }

  .landing-neon-capabilities {
    margin-top: 44px;
    padding-top: 44px;
  }

  .landing-neon-capabilities-list {
    margin-inline: -20px;
    padding-inline: 20px;
    scroll-padding-inline: 20px;
  }

  .landing-neon-logo-row {
    margin-top: 96px;
  }

  .landing-neon-product-wrap {
    margin-top: 56px;
  }

  .landing-product-grid {
    min-height: 454px;
  }
}

@media (max-width: 767px) {
  .landing-neon-hero-inner {
    padding-inline: 20px;
    padding-top: 212px;
  }

  .landing-neon-logo-row {
    margin-top: 80px;
  }
}

@media (max-width: 639px) {
  .landing-neon-kicker {
    column-gap: 6px;
    height: 10px;
  }

  .landing-neon-kicker span {
    font-size: 10px;
  }

  .landing-neon-title {
    margin-top: 16px;
    font-size: 28px;
  }

  .landing-neon-subtitle {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.65;
  }

  .landing-neon-capabilities {
    margin-top: 40px;
    padding-top: 40px;
  }

  .landing-neon-capability {
    width: 240px;
  }

  .landing-neon-logo-row {
    margin-top: 64px;
  }
}

@media (max-width: 479px) {
  .landing-neon-title {
    font-size: 24px;
  }
}

@media (max-width: 374px) {
  .landing-neon-title {
    font-size: 22px;
  }
}

@keyframes landing-logo-infinity-scroll {
  0% {
    transform: translate(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes landing-signal-dot {
  0%, 100% {
    opacity: .55;
    transform: scale(.88);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }
}

.landing-logos-animated {
  position: relative;
}

.landing-logos-animated:before, .landing-logos-animated:after {
  z-index: 10;
  pointer-events: none;
  content: "";
  width: 100px;
  position: absolute;
  top: 0;
  bottom: 0;
}

.landing-logos-animated:before {
  background-image: linear-gradient(to right, #000, #0000);
  left: 0;
}

.landing-logos-animated:after {
  background-image: linear-gradient(to left, #000, #0000);
  right: 0;
}

.landing-logo-track {
  will-change: transform;
  animation: 44s linear infinite landing-logo-infinity-scroll;
}

.landing-logo-content {
  gap: var(--logo-gap);
  padding-right: var(--logo-gap);
}

.landing-signal-dot {
  animation: 2.2s ease-in-out infinite landing-signal-dot;
}

.landing-product-poster {
  border-color: var(--landing-card-line);
  border-radius: 0;
  max-width: 1600px;
  box-shadow: 0 0 0 1px #ffffff08;
}

.landing-product-stage {
  isolation: isolate;
}

.landing-gateway-core, .landing-product-stage [class*="rounded-lg"], .landing-product-stage [class*="rounded-md"] {
  transition: border-color .18s, background-color .18s, transform .18s;
}

.landing-product-stage [class*="rounded-lg"]:hover, .landing-product-stage [class*="rounded-md"]:hover {
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  .landing-logo-track, .landing-signal-dot, .landing-animate-fade-up, .landing-animate-fade-in, .landing-animate-scale-in, .landing-terminal-cursor, .landing-terminal-text-cursor {
    opacity: 1 !important;
    filter: none !important;
    animation: none !important;
    transform: none !important;
  }
}

@media (max-width: 1279px) {
  .landing-logo-rail {
    --logo-gap: 4rem;
  }
}

@media (max-width: 1023px) {
  .landing-logo-rail {
    --logo-gap: 3.5rem;
  }
}

@media (max-width: 767px) {
  .landing-logo-rail {
    --logo-gap: 2.5rem;
  }

  .landing-logos-animated:before, .landing-logos-animated:after {
    width: 40px;
  }
}

@font-face {
  font-family: TWK Lausanne;
  src: url(/static/font/TWKLausanne-250.6b25036b8d.woff2) format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: TWK Lausanne;
  src: url(/static/font/TWKLausanne-350.fe27252d0e.woff2) format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: TWK Lausanne;
  src: url(/static/font/TWKLausanne-450.d26f309852.woff2) format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: TWK Lausanne;
  src: url(/static/font/TWKLausanne-550.78c092db22.woff2) format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: TWK Lausanne;
  src: url(/static/font/TWKLausanne-650.aaf66e8750.woff2) format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: Fake Receipt;
  src: url(/static/font/fake-receipt.bc6fa62b1b.otf) format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

.landing-code-texture {
  --landing-code-texture-offset-x: clamp(44px, 5vw, 104px);
  --landing-code-texture-x: 68%;
  --landing-code-texture-y: 28%;
  --landing-code-texture-rotate: -5deg;
  --landing-code-texture-skew-y: -2deg;
  --landing-code-texture-base-x: 0px;
  --landing-code-texture-start-y: 24px;
  --landing-code-texture-end-y: -42px;
  contain: layout paint;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #000 0% 58%, #0000006b 70%, #0000 82%);
  mask-image: linear-gradient(to right, #000 0% 58%, #0000006b 70%, #0000 82%);
}

.landing-code-texture-grid {
  background-image: linear-gradient(to right, var(--bird-alpha-white-100) 1px, transparent 1px),
    linear-gradient(to bottom, var(--bird-alpha-white-100) 1px, transparent 1px);
  opacity: .16;
  background-size: 80px 80px;
  display: none;
  position: absolute;
  inset: -1px;
  -webkit-mask-image: linear-gradient(to right, #000 0% 48%, #00000047 62%, #0000 74%), linear-gradient(#0000 0%, #000 16% 74%, #0000 100%);
  mask-image: linear-gradient(to right, #000 0% 48%, #00000047 62%, #0000 74%), linear-gradient(#0000 0%, #000 16% 74%, #0000 100%);
}

.landing-code-texture-static, .landing-code-texture-reveal {
  position: absolute;
  inset: -120px -96px;
}

.landing-code-texture-static {
  opacity: .16;
}

.landing-code-texture-reveal {
  -webkit-mask-image: radial-gradient(380px at var(--landing-code-texture-x) var(--landing-code-texture-y),
    #ffffffd1,
    #ffffff6b 34%,
    transparent 72%);
  mask-image: radial-gradient(380px at var(--landing-code-texture-x) var(--landing-code-texture-y),
    #ffffffd1,
    #ffffff6b 34%,
    transparent 72%);
  -webkit-mask-image: radial-gradient(380px at var(--landing-code-texture-x) var(--landing-code-texture-y),
    #ffffffd1,
    #ffffff6b 34%,
    transparent 72%);
  opacity: .5;
}

@keyframes landing-code-texture-drift {
  from {
    transform: rotate(var(--landing-code-texture-rotate))
      skewY(var(--landing-code-texture-skew-y))
      translate3d(var(--landing-code-texture-base-x),
        var(--landing-code-texture-start-y),
        0);
  }

  to {
    transform: rotate(var(--landing-code-texture-rotate))
      skewY(var(--landing-code-texture-skew-y))
      translate3d(var(--landing-code-texture-base-x),
        var(--landing-code-texture-end-y),
        0);
  }
}

.landing-code-texture-raster {
  width: max-content;
  min-width: 124%;
  transform: rotate(var(--landing-code-texture-rotate))
    skewY(var(--landing-code-texture-skew-y))
    translate3d(var(--landing-code-texture-base-x),
      var(--landing-code-texture-start-y),
      0);
  transform-origin: 58% 0;
  color: var(--bird-alpha-white-300);
  letter-spacing: 0;
  white-space: pre;
  font-family: JetBrains Mono, ui-monospace, Cascadia Code, monospace;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  animation: 16s linear infinite landing-code-texture-drift;
}

.landing-code-texture-raster-hot {
  color: var(--bird-neutral-100);
  opacity: .6;
  text-shadow: 0 0 14px var(--bird-orange-500),
    0 0 22px var(--bird-cyan-400);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-code-texture-raster-hot {
    text-shadow: 0 0 14px color-mix(in oklab, var(--bird-orange-500) 14%, transparent),
    0 0 22px color-mix(in oklab, var(--bird-cyan-400) 10%, transparent);
  }
}

.landing-code-texture-row {
  padding-left: calc(max(24px, calc((100vw - var(--bird-container-7xl)) / 2)) +
      var(--landing-code-texture-offset-x));
  display: block;
}

.landing-code-texture-row:nth-child(3n) {
  color: var(--bird-orange-500);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-code-texture-row:nth-child(3n) {
    color: color-mix(in oklab,
    var(--bird-orange-500) 50%,
    var(--bird-alpha-white-400));
  }
}

.landing-code-texture-row:nth-child(4n) {
  color: var(--bird-cyan-400);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-code-texture-row:nth-child(4n) {
    color: color-mix(in oklab,
    var(--bird-cyan-400) 44%,
    var(--bird-alpha-white-400));
  }
}

.landing-code-texture-row:nth-child(7n) {
  color: var(--bird-yellow-500);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-code-texture-row:nth-child(7n) {
    color: color-mix(in oklab,
    var(--bird-yellow-500) 36%,
    var(--bird-alpha-white-300));
  }
}

.landing-neon-kicker {
  height: auto;
  color: var(--bird-alpha-white-600);
  column-gap: 8px;
}

.landing-neon-kicker span {
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.cheapai-landing .landing-neon-title {
  max-width: 768px;
  font-size: var(--bird-text-7xl);
  letter-spacing: 0;
  margin-top: 24px;
  font-weight: 400;
  line-height: 1;
}

.landing-neon-subtitle {
  max-width: 42rem;
  color: var(--bird-alpha-white-600);
  font-size: var(--bird-text-base);
  letter-spacing: 0;
  margin-top: 24px;
  font-weight: 400;
  line-height: 1.5rem;
}

.landing-neon-actions {
  column-gap: 12px;
  margin-top: 32px;
}

.landing-neon-capabilities {
  border-color: var(--landing-divider-line);
  margin-top: 80px;
  padding-top: 0;
}

.landing-neon-capabilities-list {
  padding-block: var(--bird-space-4);
  column-gap: 0;
  margin-block: 24px;
  font-size: 18px;
  line-height: 1.5rem;
}

.landing-neon-capability {
  border-right: 1px solid var(--landing-divider-line);
  min-height: 132px;
  padding: 20px 24px;
}

.landing-neon-capability span:not(.rounded-full) {
  color: var(--bird-neutral-100);
  font-size: var(--bird-text-sm);
  letter-spacing: 0;
  font-weight: 500;
  line-height: 20px;
}

.landing-neon-capability p {
  max-width: 190px;
  color: var(--bird-alpha-white-600);
  font-size: var(--bird-text-sm);
  line-height: 20px;
}

.landing-neon-capability .rounded-full {
  border-radius: var(--bird-radius-full, 9999px);
  background: var(--bird-orange-500);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-neon-capability .rounded-full {
    background: color-mix(in oklab, var(--bird-orange-500) 18%, transparent);
  }
}

.landing-neon-capability .rounded-full {
  color: var(--bird-orange-500);
  letter-spacing: 0;
  font-size: 11px;
}

.landing-neon-logo-row {
  border-top: 1px solid var(--landing-divider-line);
  border-bottom: 1px solid var(--landing-divider-line);
  margin-top: 80px;
  padding-block: 32px;
}

.landing-logo-mark {
  color: var(--bird-alpha-white-500);
  font-size: var(--bird-text-sm);
  letter-spacing: 0;
  font-weight: 500;
  line-height: 20px;
}

.landing-neon-product-wrap {
  margin-top: 0;
}

.landing-product-poster {
  max-width: var(--bird-container-7xl);
  border-color: var(--landing-card-line);
  border-radius: var(--bird-radius-xl);
  background: var(--bird-neutral-800);
  box-shadow: none;
}

.landing-product-grid {
  min-height: 520px;
}

.landing-terminal-sidebar, .landing-terminal-main {
  background-image: none;
}

.landing-terminal-sidebar {
  background-color: var(--bird-neutral-900);
}

.landing-terminal-main {
  background: var(--bird-neutral-800);
}

.landing-terminal-brand-mark {
  border-radius: var(--bird-radius-sm);
  background: var(--bird-orange-500);
  box-shadow: none;
}

.landing-terminal-nav-item {
  border-radius: var(--bird-radius-lg);
  font-size: var(--bird-text-sm);
  letter-spacing: 0;
  font-weight: 500;
  line-height: 20px;
}

.landing-terminal-nav-item.bg-white {
  background: var(--bird-neutral-100);
  color: var(--bird-neutral-900);
}

.landing-terminal-pill, .landing-terminal-code, .landing-terminal-card, .landing-terminal-metric {
  border-color: var(--landing-card-line);
  border-radius: var(--bird-radius-lg);
  background: var(--bird-alpha-white-100);
  box-shadow: none;
}

.landing-terminal-code {
  background: var(--bird-neutral-900);
}

.landing-terminal-code:after {
  display: none;
}

.landing-terminal-tab, .landing-copy-button {
  border-radius: var(--bird-radius-md);
  transition: background-color .15s var(--bird-ease-out),
    color .15s var(--bird-ease-out),
    border-color .15s var(--bird-ease-out),
    transform .15s var(--bird-ease-out);
}

.landing-terminal-tab {
  letter-spacing: 0;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.landing-terminal-tab.bg-white {
  background: var(--bird-neutral-100);
  color: var(--bird-neutral-900);
}

.landing-terminal-pre {
  font-size: var(--bird-text-code);
  line-height: 1.25rem;
}

.landing-code-line {
  min-height: 20px;
}

.landing-lane-cyan {
  --lane-color: var(--bird-cyan-500);
}

.landing-lane-violet {
  --lane-color: var(--bird-violet-500, #643fff);
}

.landing-lane-amber {
  --lane-color: var(--bird-yellow-500);
}

.landing-terminal-lane {
  border-radius: var(--bird-radius-lg);
  border-color: var(--landing-card-line);
  background: var(--bird-alpha-white-100);
  box-shadow: inset 2px 0 0 var(--lane-color);
}

.landing-terminal-card:hover, .landing-terminal-metric:hover, .landing-terminal-lane:hover {
  border-color: var(--bird-alpha-white-200);
  background: var(--bird-alpha-white-200);
}

.landing-product-stage {
  border-radius: var(--bird-radius-xl) !important;
  border-color: var(--landing-card-line) !important;
  background: var(--bird-neutral-900) !important;
}

.landing-gateway-core, .landing-product-stage [class*="rounded-lg"], .landing-product-stage [class*="rounded-md"] {
  border-radius: var(--bird-radius-lg) !important;
}

.cheapai-landing [data-icon="inline-start"], .cheapai-landing [data-icon="inline-end"] {
  opacity: 1;
  width: 14px;
  height: 14px;
}

@media (max-width: 1279px) {
  .landing-neon-hero-inner {
    padding-top: 112px;
  }

  .landing-neon-title {
    font-size: var(--bird-text-6xl);
    letter-spacing: 0;
  }
}

@media (max-width: 1023px) {
  .landing-neon-hero-inner {
    padding-inline: 32px;
    padding-top: 104px;
  }

  .landing-neon-title {
    font-size: var(--bird-text-5xl);
    letter-spacing: 0;
    line-height: 1;
  }

  .landing-neon-capability {
    border-left: 0;
    flex: none;
    width: 280px;
  }

  .landing-neon-capabilities-list {
    margin-inline: -32px;
    padding-inline: 32px;
    scroll-padding-inline: 32px;
    overflow-x: auto;
  }

  .landing-product-grid {
    min-height: 0;
  }
}

@media (max-width: 639px) {
  .landing-code-texture {
    --landing-code-texture-offset-x: 20px;
    --landing-code-texture-rotate: -8deg;
    --landing-code-texture-base-x: -18%;
    --landing-code-texture-start-y: 18px;
    --landing-code-texture-end-y: -36px;
  }

  .landing-code-texture-grid {
    opacity: .14;
    background-size: 56px 56px;
  }

  .landing-code-texture-static, .landing-code-texture-reveal {
    inset: -88px -64px;
  }

  .landing-code-texture-static {
    opacity: .14;
  }

  .landing-code-texture-reveal {
    display: none;
  }

  .landing-code-texture-raster {
    font-size: 10px;
    line-height: 18px;
  }

  .landing-neon-hero-inner {
    padding-inline: 20px;
    padding-top: 88px;
  }

  .landing-neon-title {
    font-size: var(--bird-text-4xl);
    letter-spacing: 0;
    line-height: 1;
  }

  .landing-neon-subtitle {
    font-size: var(--bird-text-sm);
    line-height: 1.25rem;
  }

  .landing-neon-actions {
    align-items: stretch;
  }

  .landing-neon-capabilities, .landing-neon-logo-row {
    margin-top: 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-code-texture-reveal {
    display: none;
  }

  .landing-code-texture-raster {
    animation: none;
  }
}

@media (prefers-reduced-motion: no-preference) {
  [data-slot="card"][data-interactive="true"] {
    transition: transform .15s, box-shadow .15s;
  }

  @media (min-width: 641px) {
    [data-slot="card"][data-interactive="true"]:hover {
      transform: translateY(-1px);
      box-shadow: 0 4px 12px #0000000f;
    }

    .dark [data-slot="card"][data-interactive="true"]:hover {
      box-shadow: 0 4px 12px #0000004d;
    }
  }

  button:not(:disabled):active, [role="button"]:not(:disabled):active {
    transform: scale(.98);
  }

  [data-slot="table"] tr {
    transition: background-color .12s;
  }

  [data-slot="table"] tbody tr {
    animation: .2s cubic-bezier(.33, 1, .68, 1) both tableRowEnter;
  }

  [data-slot="table"] tbody tr:nth-child(2) {
    animation-delay: 25ms;
  }

  [data-slot="table"] tbody tr:nth-child(3) {
    animation-delay: 50ms;
  }

  [data-slot="table"] tbody tr:nth-child(4) {
    animation-delay: 75ms;
  }

  [data-slot="table"] tbody tr:nth-child(5) {
    animation-delay: .1s;
  }

  [data-slot="table"] tbody tr:nth-child(6) {
    animation-delay: .125s;
  }

  [data-slot="table"] tbody tr:nth-child(7) {
    animation-delay: .15s;
  }

  [data-slot="table"] tbody tr:nth-child(8) {
    animation-delay: .175s;
  }

  [data-slot="table"] tbody tr:nth-child(9) {
    animation-delay: .2s;
  }

  [data-slot="table"] tbody tr:nth-child(10) {
    animation-delay: .225s;
  }

  [data-slot="table"] tbody tr:nth-child(n+11) {
    animation-delay: .25s;
  }
}

@keyframes tableRowEnter {
  from {
    opacity: 0;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

[data-slot="table"] td, .tabular-nums {
  font-variant-numeric: tabular-nums;
}

.content-auto {
  content-visibility: auto;
  contain-intrinsic-size: 0 80px;
}

.landing-public-header, .cheapai-landing {
  --bird-white: #fff;
  --bird-black: #000;
  --bird-neutral-100: #fafaf9;
  --bird-neutral-200: #f3f3f1;
  --bird-neutral-300: #cbcbca;
  --bird-neutral-400: #a5a4a1;
  --bird-neutral-500: #71706d;
  --bird-neutral-600: #565653;
  --bird-neutral-700: #2b2a27;
  --bird-neutral-800: #1e1d1a;
  --bird-neutral-900: #100f0c;
  --bird-alpha-black-50: #100f0c0d;
  --bird-alpha-black-100: #100f0c12;
  --bird-alpha-black-200: #100f0c17;
  --bird-alpha-black-300: #100f0c29;
  --bird-alpha-black-400: #100f0c33;
  --bird-alpha-black-500: #100f0c61;
  --bird-alpha-black-600: #100f0c80;
  --bird-alpha-black-700: #100f0c99;
  --bird-alpha-black-800: #100f0cbf;
  --bird-alpha-black-900: #100f0c;
  --bird-alpha-white-100: #fafaf90f;
  --bird-alpha-white-200: #fafaf91a;
  --bird-alpha-white-300: #fafaf929;
  --bird-alpha-white-400: #fafaf93d;
  --bird-alpha-white-500: #fafaf95c;
  --bird-alpha-white-600: #fafaf9a6;
  --bird-alpha-white-700: #fafaf9f7;
  --bird-alpha-white-900: #fafaf9;
  --bird-red-400: #fb5c43;
  --bird-red-500: #fa3726;
  --bird-red-600: #bb2619;
  --bird-orange-400: #ff9a54;
  --bird-orange-500: #ff6700;
  --bird-orange-600: #ac4500;
  --bird-yellow-400: #ffb36b;
  --bird-yellow-500: #ff8a3d;
  --bird-yellow-600: #8a5a00;
  --bird-green-400: #6ee7b7;
  --bird-green-500: #34d59a;
  --bird-green-600: #1f8f69;
  --bird-cyan-400: #64d5e8;
  --bird-cyan-500: #01abc9;
  --bird-cyan-600: #018299;
  --bird-blue-400: #6bb0ef;
  --bird-blue-500: #0c5cf1;
  --bird-blue-600: #0c45b0;
  --bird-violet-400: #9e8af5;
  --bird-violet-500: #643fff;
  --bird-violet-600: #4e09ff;
  --bird-pink-400: #e470b9;
  --bird-pink-500: #eb0094;
  --bird-pink-600: #af0c73;
  --landing-brand-blue: #4340ff;
  --landing-brand-blue-bright: #7e7cff;
  --landing-brand-contrast: #fff;
  --bird-background: #000;
  --bird-muted: var(--bird-alpha-white-100);
  --bird-card: var(--bird-neutral-800);
  --bird-primary: var(--bird-white);
  --bird-secondary: var(--bird-alpha-white-300);
  --bird-accent: var(--bird-alpha-white-100);
  --bird-popover: var(--bird-neutral-700);
  --bird-tabs: var(--bird-alpha-white-300);
  --bird-foreground: var(--bird-neutral-100);
  --bird-primary-foreground: var(--bird-neutral-900);
  --bird-muted-foreground: var(--bird-alpha-white-600);
  --bird-border: var(--bird-alpha-white-100);
  --bird-control-border: var(--bird-alpha-white-500);
  --bird-control-accent: var(--landing-brand-blue);
  --bird-syntax-keyword: var(--bird-orange-400);
  --bird-syntax-string: var(--bird-green-400);
  --bird-syntax-property: var(--bird-green-500);
  --bird-syntax-number: var(--bird-yellow-400);
  --bird-syntax-constant: var(--bird-orange-500);
  --bird-syntax-comment: var(--bird-alpha-white-400);
  --bird-radius-sm: .25rem;
  --bird-radius-md: .375rem;
  --bird-radius-lg: .5rem;
  --bird-radius-xl: .75rem;
  --bird-radius-2xl: 1rem;
  --bird-radius-full: 9999px;
  --bird-container-7xl: 80rem;
  --bird-container-8xl: 84rem;
  --bird-space-1: .25rem;
  --bird-space-2: .5rem;
  --bird-space-3: .75rem;
  --bird-space-4: 1rem;
  --bird-space-5: 1.25rem;
  --bird-space-6: 1.5rem;
  --bird-space-8: 2rem;
  --bird-space-10: 2.5rem;
  --bird-space-12: 3rem;
  --bird-space-16: 4rem;
  --bird-space-20: 5rem;
  --bird-space-24: 6rem;
  --bird-space-30: 7.5rem;
  --bird-text-xs: .75rem;
  --bird-text-xs-line: 1rem;
  --bird-text-code: .8125rem;
  --bird-text-code-line: 1.25rem;
  --bird-text-sm: .875rem;
  --bird-text-sm-line: 1.25rem;
  --bird-text-base: 1rem;
  --bird-text-base-line: 1.5rem;
  --bird-text-lg: 1.25rem;
  --bird-text-lg-line: 1.75rem;
  --bird-text-2xl: 1.5rem;
  --bird-text-2xl-line: 2rem;
  --bird-text-3xl: 2rem;
  --bird-text-3xl-line: 2.5rem;
  --bird-text-4xl: 2.5rem;
  --bird-text-4xl-line: 3rem;
  --bird-text-5xl: 3rem;
  --bird-text-6xl: 4rem;
  --bird-text-7xl: 4.5rem;
  --bird-ease-out: cubic-bezier(0, 0, .2, 1);
  --bird-ease-in-out: cubic-bezier(.4, 0, .2, 1);
  --bird-ease-smooth: cubic-bezier(.22, 1, .36, 1);
  --bird-ease-pop: cubic-bezier(.34, 1.56, .64, 1);
  --landing-bg: var(--bird-background);
  --landing-hero-bg: var(--bird-background);
  --landing-panel: var(--bird-card);
  --landing-soft: var(--bird-muted);
  --landing-divider-line: #ffffff17;
  --landing-card-line: #ffffff1f;
  --landing-inner-line: #ffffff12;
  --landing-line: var(--landing-divider-line);
  --landing-hairline: var(--landing-divider-line);
  --landing-ink: var(--bird-foreground);
  --landing-muted: var(--bird-muted-foreground);
  --landing-inverse: var(--bird-primary-foreground);
  --landing-gray-20: var(--landing-divider-line);
  --landing-blue: var(--landing-brand-blue);
  --landing-teal: #37c38f;
  --landing-lime: var(--bird-green-500);
  --landing-green: var(--bird-green-500);
  --landing-green-badge: var(--bird-orange-500);
  --landing-cyan: var(--bird-cyan-400);
  --landing-amber: var(--bird-yellow-500);
  --landing-violet: var(--landing-brand-blue-bright);
  --landing-orange: var(--bird-orange-500);
  --landing-console: var(--bird-background);
  --landing-stage: var(--bird-background);
  --landing-stage-panel: var(--bird-muted);
  --landing-stage-border: var(--landing-card-line);
  --landing-stage-line: var(--landing-brand-blue);
  --landing-stage-accent: var(--landing-brand-blue);
  --background: var(--bird-background);
  --foreground: var(--bird-foreground);
  --primary: var(--bird-foreground);
  --primary-foreground: var(--bird-primary-foreground);
  --muted: var(--bird-alpha-white-100);
  --muted-foreground: var(--bird-muted-foreground);
  --accent: var(--bird-alpha-white-100);
  --accent-foreground: var(--bird-foreground);
  --border: var(--landing-divider-line);
  --ring: var(--bird-alpha-white-400);
  --color-background: var(--bird-background);
  --color-foreground: var(--bird-foreground);
  --color-primary: var(--bird-foreground);
  --color-primary-foreground: var(--bird-primary-foreground);
  --color-muted: var(--bird-alpha-white-100);
  --color-muted-foreground: var(--bird-muted-foreground);
  --color-accent: var(--bird-alpha-white-100);
  --color-accent-foreground: var(--bird-foreground);
  --color-border: var(--landing-divider-line);
  --color-ring: var(--bird-alpha-white-400);
  color: var(--bird-foreground);
  font-family: var(--font-brand);
  letter-spacing: 0;
  font-weight: 400;
}

.light .landing-public-header, .light .cheapai-landing {
  --bird-background: #f5f5f3;
  --bird-muted: #1414140d;
  --bird-card: #fff;
  --bird-primary: #141414;
  --bird-secondary: #1414141f;
  --bird-accent: #1414140f;
  --bird-popover: #fff;
  --bird-tabs: #14141414;
  --bird-foreground: #141414;
  --bird-primary-foreground: #fff;
  --bird-muted-foreground: #1414149e;
  --bird-border: #14141414;
  --bird-control-border: #14141447;
  --bird-control-accent: var(--landing-brand-blue);
  --bird-syntax-keyword: var(--bird-orange-600);
  --bird-syntax-string: var(--bird-green-600);
  --bird-syntax-property: var(--bird-green-600);
  --bird-syntax-number: var(--bird-yellow-600);
  --bird-syntax-constant: var(--bird-orange-600);
  --bird-syntax-comment: #14141461;
  --landing-bg: var(--bird-background);
  --landing-hero-bg: #fafafa;
  --landing-panel: var(--bird-card);
  --landing-soft: #1414140b;
  --landing-divider-line: #14141417;
  --landing-card-line: #14141421;
  --landing-inner-line: #14141414;
  --landing-line: var(--landing-divider-line);
  --landing-hairline: var(--landing-divider-line);
  --landing-ink: var(--bird-foreground);
  --landing-muted: var(--bird-muted-foreground);
  --landing-inverse: var(--bird-primary-foreground);
  --landing-gray-20: var(--landing-divider-line);
  --landing-console: #08090b;
  --landing-stage: var(--bird-background);
  --landing-stage-panel: #1414140b;
  --landing-stage-border: var(--landing-card-line);
  --background: var(--bird-background);
  --foreground: var(--bird-foreground);
  --primary: var(--bird-foreground);
  --primary-foreground: var(--bird-primary-foreground);
  --muted: var(--bird-muted);
  --muted-foreground: var(--bird-muted-foreground);
  --accent: var(--bird-accent);
  --accent-foreground: var(--bird-foreground);
  --border: var(--landing-divider-line);
  --ring: #14141447;
  --color-background: var(--bird-background);
  --color-foreground: var(--bird-foreground);
  --color-primary: var(--bird-foreground);
  --color-primary-foreground: var(--bird-primary-foreground);
  --color-muted: var(--bird-muted);
  --color-muted-foreground: var(--bird-muted-foreground);
  --color-accent: var(--bird-accent);
  --color-accent-foreground: var(--bird-foreground);
  --color-border: var(--landing-divider-line);
  --color-ring: #14141447;
}

.landing-public-header {
  top: var(--site-announcement-height, 0px);
  z-index: 50;
  background: var(--bird-background);
  border-bottom: 1px solid #0000;
  position: sticky !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-public-header {
    background: color-mix(in oklab, var(--bird-background) 28%, transparent);
  }
}

.landing-public-header {
  -webkit-backdrop-filter: blur(32px) saturate(170%);
  backdrop-filter: blur(32px) saturate(170%);
  box-shadow: 0 20px 52px #00000024;
}

.landing-public-header > div {
  box-sizing: content-box;
  max-width: none;
  padding-inline: 1.5rem;
}

.landing-public-header nav {
  gap: var(--bird-space-3);
  align-items: center;
  background: none !important;
  border-bottom: 0 !important;
  grid-template-columns: 1fr auto 1fr !important;
  height: auto !important;
  min-height: 44px !important;
  padding-block: .5rem !important;
  padding-inline: 0 !important;
  display: grid !important;
}

.landing-public-header nav > a {
  color: var(--bird-foreground);
  justify-self: start;
  gap: 0;
}

.landing-public-header nav > a > div {
  width: 32px;
  height: 32px;
}

.landing-public-header nav > a:not(.landing-header-brand) span {
  display: none;
}

.landing-public-header .landing-header-brand {
  min-width: 0;
  color: var(--bird-foreground);
  align-items: center;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
}

.landing-header-wordmark {
  color: var(--bird-foreground);
  align-items: center;
  font-size: 1.75rem;
  line-height: 1;
  display: inline-flex;
}

.landing-header-logo {
  width: 1.75rem;
  height: 1.75rem;
}

.landing-public-header nav > div:first-of-type {
  justify-self: center;
}

.landing-public-header nav > div:nth-of-type(2) {
  justify-self: end;
}

.landing-header-actions {
  align-items: center;
  gap: var(--bird-space-2);
  display: flex;
}

.landing-header-nav {
  align-items: center;
  gap: .125rem;
  display: flex;
}

.landing-public-header nav > div:first-of-type a, .landing-public-header .landing-header-link {
  border-radius: var(--bird-radius-lg);
  min-height: 32px;
  color: var(--bird-foreground);
  font-size: 14px;
  font-weight: 400;
  line-height: var(--bird-text-xs-line);
  letter-spacing: 0;
  opacity: .56;
  transition: background-color .2s var(--bird-ease-out),
    opacity .2s var(--bird-ease-out);
  align-items: center;
  padding: 0 .875rem;
  display: inline-flex;
}

.landing-public-header nav > div:first-of-type a:hover, .landing-public-header .landing-header-link:hover {
  background: var(--bird-accent);
  opacity: 1;
}

.landing-public-header .landing-language-trigger, .landing-public-header .theme-switch-trigger {
  border-color: var(--landing-card-line);
  border-radius: var(--bird-radius-lg);
  height: 32px;
  font-size: var(--bird-text-xs);
  font-weight: 500;
  line-height: var(--bird-text-xs-line);
  letter-spacing: 0;
  box-shadow: none;
  gap: .375rem;
  padding-inline: .625rem .5rem;
  background: var(--bird-alpha-white-100) !important;
  color: var(--bird-muted-foreground) !important;
}

.landing-public-header .landing-language-trigger {
  min-width: 68px;
}

.landing-public-header .theme-switch-trigger {
  min-width: 32px;
  padding: 0;
  width: 32px !important;
}

.landing-public-header .landing-language-trigger:hover, .landing-public-header .landing-language-trigger[aria-expanded="true"], .landing-public-header .theme-switch-trigger:hover, .landing-public-header .theme-switch-trigger[aria-expanded="true"] {
  border-color: var(--bird-alpha-white-300);
  background: var(--bird-alpha-white-200) !important;
  color: var(--bird-foreground) !important;
}

.landing-public-header .landing-language-trigger [data-icon="inline-start"], .landing-public-header .theme-switch-trigger svg {
  color: #e4e5e7;
  opacity: 1;
}

.landing-public-header .landing-language-trigger [data-icon="inline-end"] {
  color: #c9cbcf;
  opacity: 1;
}

html[data-route-shell="landing"] .landing-language-menu, html[data-route-shell="landing"] .theme-switch-menu {
  border: 1px solid var(--overlay-menu-border);
  border-radius: var(--overlay-menu-radius);
  background: var(--popover);
  min-width: 9.25rem;
  color: var(--popover-foreground);
  padding: var(--overlay-menu-padding);
  box-shadow: var(--overlay-menu-shadow);
  width: 9.25rem !important;
}

html[data-route-shell="landing"] :is(.landing-language-menu, .theme-switch-menu) [data-slot="dropdown-menu-radio-group"] {
  gap: var(--overlay-menu-gap);
  flex-direction: column;
  display: flex;
}

html[data-route-shell="landing"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]) {
  min-height: var(--overlay-menu-item-min-height);
  border-radius: var(--overlay-menu-item-radius);
  padding-block: var(--overlay-menu-item-padding-block);
  padding-inline: var(--overlay-menu-item-padding-inline) 2rem;
  color: var(--popover-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-route-shell="landing"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]) {
    color: color-mix(in srgb, var(--popover-foreground) 72%, transparent);
  }
}

html[data-route-shell="landing"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]) {
  font-size: var(--overlay-menu-font-size);
  font-weight: var(--overlay-menu-font-weight);
  line-height: var(--overlay-menu-line-height);
  letter-spacing: -.005em;
  transition: background-color .16s var(--bird-ease-out, cubic-bezier(0, 0, .2, 1)),
    color .16s var(--bird-ease-out, cubic-bezier(0, 0, .2, 1));
}

html[data-route-shell="landing"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]):is(:focus, :hover, [data-highlighted], [aria-checked="true"], [data-checked]) {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-route-shell="landing"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]):is(:focus, :hover, [data-highlighted], [aria-checked="true"], [data-checked]) {
    background: color-mix(in srgb,
    var(--foreground) var(--overlay-menu-hover-mix),
    var(--popover));
  }
}

html[data-route-shell="landing"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]):is(:focus, :hover, [data-highlighted], [aria-checked="true"], [data-checked]) {
  color: var(--popover-foreground);
}

html[data-route-shell="landing"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item-indicator"], [data-slot="dropdown-menu-item"] svg) {
  color: #34d59a;
  right: .625rem;
}

.landing-header-cta {
  border-radius: var(--bird-radius-lg);
  height: 32px;
  font-size: var(--bird-text-xs);
  font-weight: 500;
  line-height: var(--bird-text-xs-line);
  letter-spacing: 0;
  box-shadow: none;
  padding-inline: .875rem;
  background: var(--bird-foreground) !important;
  color: var(--bird-primary-foreground) !important;
}

.landing-header-cta:hover {
  background: var(--bird-neutral-200) !important;
}

.landing-public-header [data-slot="button"] {
  border-color: var(--landing-card-line) !important;
  background: var(--bird-alpha-white-100) !important;
  color: var(--bird-foreground) !important;
  box-shadow: none !important;
}

.landing-public-header .landing-header-cta {
  background: var(--bird-foreground) !important;
  color: var(--bird-primary-foreground) !important;
  border-color: #0000 !important;
}

html[data-route-shell="landing"] .landing-public-header [data-slot="button"], html[data-route-shell="landing"] .cheapai-landing [data-slot="button"] {
  border-color: var(--landing-card-line) !important;
  background: var(--bird-alpha-white-100) !important;
  color: var(--bird-foreground) !important;
  box-shadow: none !important;
}

html[data-route-shell="landing"] .landing-public-header .landing-header-cta, html[data-route-shell="landing"] .cheapai-landing .landing-neon-actions [data-slot="button"]:first-child, html[data-route-shell="landing"] .cheapai-landing .landing-cta-action-primary {
  background: var(--bird-foreground) !important;
  color: var(--bird-primary-foreground) !important;
  border-color: #0000 !important;
}

html[data-route-shell="landing"] .cheapai-landing .landing-neon-actions [data-slot="button"]:not(:first-child) {
  border-color: var(--landing-card-line) !important;
  color: var(--bird-foreground) !important;
  background: #ffffff05 !important;
}

.cheapai-landing {
  background: var(--landing-bg);
  text-rendering: optimizelegibility;
}

.cheapai-landing .landing-hero-surface, .cheapai-landing .landing-neon-product-wrap {
  opacity: 0;
  visibility: hidden;
}

.cheapai-landing.is-landing-ready .landing-hero-surface, .cheapai-landing.is-landing-ready .landing-neon-product-wrap {
  opacity: 1;
  visibility: visible;
  transition: opacity .28s var(--bird-ease-out),
    visibility 0s linear 0s;
}

.cheapai-landing :is(code, pre, .font-mono) {
  font-family: var(--font-mono);
}

.cheapai-landing .landing-heading {
  color: var(--bird-foreground);
  font-family: var(--font-brand);
  font-weight: 500;
}

.landing-neon-hero {
  background: var(--bird-background);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-neon-hero {
    background: color-mix(in oklab, var(--bird-background) 94%, black);
  }
}

.landing-hero-surface {
  background: radial-gradient(circle at 14% 38%,
      var(--bird-cyan-400),
      transparent 28rem),
    var(--bird-background);
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-hero-surface {
    background: radial-gradient(circle at 14% 38%,
      color-mix(in oklab, var(--bird-cyan-400) 4%, transparent),
      transparent 28rem),
    color-mix(in oklab, var(--bird-background) 95%, black);
  }
}

.landing-hero-surface:before, .landing-hero-surface:after {
  pointer-events: none;
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}

.landing-hero-surface:before {
  background: linear-gradient(to right, transparent, var(--bird-border), transparent),
    linear-gradient(to bottom, transparent, var(--bird-background) 90%);
  opacity: .3;
}

.landing-hero-surface:after {
  background: linear-gradient(to top,
    var(--bird-background) 0%,
    var(--bird-background) 44%,
    var(--bird-background) 78%,
    transparent 100%);
  height: clamp(36rem, 76%, 78rem);
  inset: auto 0 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-hero-surface:after {
    background: linear-gradient(to top,
    color-mix(in oklab, var(--bird-background) 95%, black) 0%,
    color-mix(in oklab, var(--bird-background) 90%, transparent) 44%,
    color-mix(in oklab, var(--bird-background) 64%, transparent) 78%,
    transparent 100%);
  }
}

.landing-neon-hero-inner, .cheapai-landing section > .mx-auto, .cheapai-landing section > div.mx-auto {
  max-width: var(--bird-container-7xl);
}

.landing-neon-hero-inner {
  padding: var(--bird-space-30) var(--bird-space-8) 0;
}

.landing-neon-hero-stage {
  justify-content: space-between;
  align-items: center;
  column-gap: clamp(var(--bird-space-8), 5vw, 4.5rem);
  grid-template-columns: minmax(0, 660px) minmax(430px, 500px);
  display: grid;
}

.landing-neon-copy {
  width: 100%;
  min-width: 0;
  max-width: 660px;
}

.landing-neon-kicker {
  column-gap: var(--bird-space-2);
  row-gap: var(--bird-space-1);
  width: fit-content;
  height: auto;
  color: var(--bird-muted-foreground);
  background: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  flex-wrap: wrap;
  padding: .4375rem .75rem;
  display: inline-flex;
}

.landing-neon-kicker span {
  letter-spacing: 0;
  overflow-wrap: anywhere;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1rem;
}

.cheapai-landing .landing-neon-title {
  max-width: min(100%, 12.25em);
  margin-top: var(--bird-space-6);
  letter-spacing: 0;
  text-wrap: balance;
  font-size: 54px;
  font-weight: 400;
  line-height: 1.04;
}

.landing-neon-title-copy {
  overflow-wrap: normal;
  white-space: normal;
  max-width: 100%;
  display: block;
}

.landing-neon-title-line {
  text-wrap: balance;
  max-width: 100%;
  display: block;
}

.cheapai-landing .landing-neon-title-cjk {
  max-width: 8.6em;
}

.cheapai-landing .landing-neon-title-cjk .landing-neon-title-line {
  white-space: nowrap;
}

@media (min-width: 1280px) {
  .cheapai-landing .landing-neon-title-en {
    max-width: min(100%, 660px);
    font-size: 54px;
  }
}

.landing-neon-subtitle {
  max-width: 35rem;
  margin-top: var(--bird-space-6);
  color: var(--bird-muted-foreground);
  letter-spacing: .005em;
  text-wrap: pretty;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.625;
}

.landing-neon-actions {
  margin-top: var(--bird-space-12);
  gap: var(--bird-space-3);
}

.landing-neon-button {
  height: 40px;
  padding-inline: var(--bird-space-4);
  font-size: var(--bird-text-sm);
  font-weight: 500;
  line-height: var(--bird-text-sm-line);
  letter-spacing: 0;
  border-radius: var(--bird-radius-lg) !important;
}

.landing-neon-actions .landing-neon-button:first-child {
  background: var(--bird-foreground);
  color: var(--bird-primary-foreground);
}

.landing-neon-actions .landing-neon-button:first-child:hover {
  background: var(--bird-neutral-200);
}

.landing-neon-actions .landing-neon-button:last-child {
  color: var(--bird-foreground);
  background: #000;
  border-color: #ffffffc7;
}

.landing-neon-actions .landing-neon-button:last-child:hover {
  background: #ffffff0d;
  border-color: #fff;
}

.landing-neon-capabilities {
  border-color: var(--landing-divider-line);
  margin-top: 64px;
  padding-top: 64px;
  padding-bottom: 64px;
}

.landing-neon-capabilities-list {
  padding-block: var(--bird-space-4);
  align-items: stretch;
  column-gap: 0;
  margin-block: 24px;
  font-size: 16px;
  line-height: 1.35rem;
}

.landing-neon-capability {
  min-width: 0;
  min-height: 132px;
  padding: var(--bird-space-5) var(--bird-space-6) var(--bird-space-5);
  border-right: 1.5px solid var(--landing-divider-line);
  flex: 1 1 0;
}

.landing-neon-capability:first-child {
  border-left: 1.5px solid var(--landing-divider-line);
}

.landing-neon-capability svg {
  color: #c9cbcf;
  opacity: 1;
}

.landing-neon-capability span:not(.rounded-full) {
  color: var(--bird-foreground);
  letter-spacing: .01em;
  text-wrap: balance;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25rem;
}

.landing-neon-capability p {
  max-width: 210px;
  color: var(--bird-muted-foreground);
  letter-spacing: .005em;
  text-wrap: pretty;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
}

.landing-neon-capability .rounded-full {
  border-radius: var(--bird-radius-full);
  background: var(--landing-orange);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-neon-capability .rounded-full {
    background: color-mix(in oklab, var(--landing-orange) 18%, transparent);
  }
}

.landing-neon-capability .rounded-full {
  color: var(--landing-orange);
  letter-spacing: 0;
  font-size: 11px;
}

.landing-neon-logo-row {
  padding-block: 16px var(--bird-space-10);
  border-top: 0;
  border-bottom: 0;
  margin-block: 80px;
}

.landing-logo-rail {
  --logo-gap: 4rem;
}

.landing-logo-content {
  flex: none;
  justify-content: flex-start;
  width: max-content;
  min-width: max-content;
}

.landing-logo-mark {
  color: #9ea4ad;
  min-width: max-content;
  font-size: var(--bird-text-base);
  font-weight: 400;
  line-height: var(--bird-text-base-line);
  letter-spacing: .01em;
  align-items: center;
  gap: .75rem;
  display: inline-flex;
}

.landing-logo-icon {
  color: #969ca6;
  opacity: 1;
  place-items: center;
  width: 30px;
  height: 30px;
  display: inline-grid;
}

.landing-logo-icon svg {
  width: 30px;
  height: 30px;
}

.landing-logos-animated:before {
  background-image: linear-gradient(to right,
    var(--bird-background),
    transparent);
}

.landing-logos-animated:after {
  background-image: linear-gradient(to left,
    var(--bird-background),
    transparent);
}

.landing-neon-product-wrap {
  justify-self: end;
  width: min(100%, 500px);
  margin-top: 0;
}

.landing-product-poster {
  border-color: var(--landing-card-line);
  border-radius: var(--bird-radius-xl);
  background: var(--bird-card);
  max-width: 100%;
  box-shadow: none;
}

.landing-terminal-window {
  border-color: var(--landing-card-line);
  background: #08090b;
  border-radius: 12px;
  box-shadow: 0 28px 80px #00000061, inset 0 1px #ffffff12;
}

.landing-terminal-window-bar {
  border-bottom: 1px solid var(--landing-inner-line);
  color: #ffffff9e;
  background: linear-gradient(#2c2d30, #1f2023);
  grid-template-columns: 74px minmax(0, 1fr) 86px;
  align-items: center;
  min-height: 34px;
  padding-inline: 12px;
  font-family: Menlo, Monaco, SFMono-Regular, JetBrains Mono, ui-monospace, monospace;
  font-size: 10px;
  line-height: 1;
  display: grid;
}

.landing-terminal-window-controls {
  align-items: center;
  gap: 7px;
  display: flex;
}

.landing-terminal-window-controls span {
  border-radius: var(--bird-radius-full);
  width: 11px;
  height: 11px;
  box-shadow: inset 0 0 0 1px #0003;
}

.landing-terminal-window-controls .is-red {
  background: #ff5f57;
}

.landing-terminal-window-controls .is-yellow {
  background: #ffbd2e;
}

.landing-terminal-window-controls .is-green {
  background: #28c840;
}

.landing-terminal-window-title {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.landing-terminal-window-status {
  color: #ffffff6b;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.landing-code-module {
  color: var(--bird-foreground);
  margin-inline: auto;
}

.landing-code-module-header {
  padding: var(--bird-space-6) var(--bird-space-8);
  border-color: var(--landing-inner-line);
}

.landing-neon-product-wrap .landing-code-module-header {
  padding: var(--bird-space-5);
}

.landing-receipt-label {
  color: var(--landing-orange);
  text-transform: uppercase;
  font-family: Fake Receipt, ui-monospace, monospace;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1;
}

.landing-code-module-title {
  margin-top: var(--bird-space-3);
  font-size: var(--bird-text-3xl);
  line-height: var(--bird-text-3xl-line);
  letter-spacing: 0;
}

.landing-neon-product-wrap .landing-receipt-label {
  font-size: 1.25rem;
}

.landing-neon-product-wrap .landing-code-module-title {
  font-size: var(--bird-text-xl);
  line-height: var(--bird-text-xl-line);
}

.landing-code-status {
  align-items: center;
  gap: var(--bird-space-2);
  border: 1px solid var(--landing-card-line);
  border-radius: var(--bird-radius-full);
  background: var(--bird-muted);
  width: fit-content;
  color: var(--bird-muted-foreground);
  font-family: JetBrains Mono, ui-monospace, monospace;
  font-size: var(--bird-text-xs);
  line-height: var(--bird-text-xs-line);
  letter-spacing: 0;
  text-transform: uppercase;
  padding: .375rem .75rem;
  display: inline-flex;
}

.landing-neon-product-wrap .landing-code-status {
  padding: .25rem .625rem;
  font-size: 11px;
}

.landing-code-status .landing-signal-dot {
  border-radius: var(--bird-radius-full);
  background: var(--bird-green-500);
  width: 6px;
  height: 6px;
}

.landing-code-module-grid {
  grid-template-columns: minmax(0, 1fr) 360px;
  min-height: 520px;
}

.landing-code-panel {
  margin: var(--bird-space-6);
  border-color: var(--landing-card-line);
  border-radius: var(--bird-radius-lg);
  background: var(--bird-background);
}

.landing-code-tabs {
  border-color: var(--landing-inner-line);
  background: var(--bird-tabs);
  padding: var(--bird-space-2);
}

.landing-terminal-tab, .landing-copy-button {
  border-radius: var(--bird-radius-md);
  min-height: 32px;
  color: var(--bird-muted-foreground);
  font-family: JetBrains Mono, ui-monospace, monospace;
  font-size: var(--bird-text-xs);
  font-weight: 500;
  line-height: var(--bird-text-xs-line);
  letter-spacing: 0;
  transition: background-color .15s var(--bird-ease-out),
    color .15s var(--bird-ease-out),
    border-color .15s var(--bird-ease-out),
    transform .15s var(--bird-ease-out);
}

.landing-terminal-tab {
  padding-inline: var(--bird-space-3);
}

.landing-terminal-tab:hover {
  background: var(--bird-alpha-white-100);
  color: var(--bird-foreground);
}

.landing-terminal-tab.is-active {
  background: var(--bird-foreground);
  color: var(--bird-primary-foreground);
}

.landing-copy-button {
  border-color: var(--landing-card-line);
  background: none;
  width: 32px;
}

.landing-copy-button:hover {
  border-color: var(--bird-alpha-white-300);
  background: var(--bird-alpha-white-100);
  color: var(--bird-foreground);
}

.landing-copy-button:active {
  transform: scale(.96);
}

.landing-code-meta {
  gap: var(--bird-space-3);
  border-color: var(--landing-inner-line);
  padding: var(--bird-space-4);
}

.landing-code-overline {
  color: var(--bird-muted-foreground);
  font-family: JetBrains Mono, ui-monospace, monospace;
  font-size: 10px;
  line-height: var(--bird-text-xs-line);
  letter-spacing: 0;
  text-transform: uppercase;
}

.landing-code-status-text {
  margin-top: var(--bird-space-1);
  color: var(--bird-foreground);
  font-size: var(--bird-text-sm);
  font-weight: 500;
  line-height: var(--bird-text-sm-line);
  letter-spacing: 0;
}

.landing-code-live {
  border-radius: var(--bird-radius-full);
  background: var(--landing-orange);
  width: fit-content;
  color: var(--bird-primary-foreground);
  letter-spacing: 0;
  text-transform: uppercase;
  padding: .25rem .5rem;
  font-family: JetBrains Mono, ui-monospace, monospace;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}

.landing-terminal-pre {
  padding: var(--bird-space-5);
  font-size: var(--bird-text-code);
  line-height: var(--bird-text-code-line);
  scrollbar-width: thin;
  scrollbar-color: var(--bird-alpha-white-300) transparent;
}

.landing-terminal-shell {
  background: radial-gradient(circle at 100% 0%,
      var(--landing-blue),
      transparent 10rem),
    radial-gradient(circle at 0% 100%,
      var(--landing-orange),
      transparent 11rem),
    #08090b;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-terminal-shell {
    background: radial-gradient(circle at 100% 0%,
      color-mix(in oklab, var(--landing-blue) 5%, transparent),
      transparent 10rem),
    radial-gradient(circle at 0% 100%,
      color-mix(in oklab, var(--landing-orange) 9%, transparent),
      transparent 11rem),
    #08090b;
  }
}

.landing-terminal-body {
  color: #e5e7ebe6;
  scrollbar-width: thin;
  scrollbar-color: #ffffff2e transparent;
  min-height: 400px;
  max-height: 400px;
  padding: 14px 16px 16px;
  font-family: Menlo, Monaco, SFMono-Regular, JetBrains Mono, ui-monospace, monospace;
  font-size: 11px;
  line-height: 1.55;
  overflow: hidden auto;
}

.landing-terminal-body::-webkit-scrollbar {
  width: 6px;
}

.landing-terminal-body::-webkit-scrollbar-thumb {
  border-radius: var(--bird-radius-full);
  background: #ffffff2e;
}

.landing-terminal-lines {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.landing-terminal-command-block {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.landing-terminal-line, .landing-terminal-output-line {
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  display: grid;
}

.landing-terminal-row {
  opacity: 0;
  animation: landing-terminal-row-in .34s var(--bird-ease-out) both;
  animation-delay: var(--terminal-row-delay, 0s);
}

.landing-terminal-prompt {
  -webkit-user-select: none;
  user-select: none;
  min-width: max-content;
  display: inline-flex;
}

.landing-terminal-prompt-user {
  color: #7dd3fc;
}

.landing-terminal-prompt-path {
  color: #ffffff9e;
}

.landing-terminal-prompt-symbol {
  color: #ffffff85;
}

.landing-terminal-command-text, .landing-terminal-output-text {
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  min-width: 0;
}

.landing-terminal-output-line {
  padding-left: 12px;
}

.landing-terminal-output-status {
  color: #ffffff6b;
  -webkit-user-select: none;
  user-select: none;
  min-width: 1.5rem;
}

.landing-terminal-output-text {
  color: #ffffff8f;
}

.landing-terminal-token-command {
  color: #ffffffeb;
}

.landing-terminal-token-flag {
  color: var(--landing-orange);
}

.landing-terminal-token-path {
  color: #ffffffa8;
}

.landing-terminal-token-variable {
  color: var(--bird-orange-400);
}

.landing-terminal-token-plain {
  color: #ffffffb8;
}

.landing-code-line {
  min-height: var(--bird-text-code-line);
  gap: var(--bird-space-2);
  white-space: pre;
  grid-template-columns: 58px minmax(0, 1fr);
}

.landing-code-line-empty {
  min-height: 10px;
}

.landing-code-number-gutter, .landing-code-muted {
  color: var(--bird-syntax-comment);
}

.landing-code-foreground {
  color: var(--bird-foreground);
}

.landing-code-keyword {
  color: var(--bird-syntax-keyword);
}

.landing-code-string {
  color: var(--bird-syntax-string);
}

.landing-code-number {
  color: var(--bird-syntax-number);
}

.landing-code-constant {
  color: var(--bird-syntax-constant);
}

.landing-terminal-cursor {
  background: #ffffffeb;
  width: 8px;
  height: 16px;
  margin-left: 58px;
  transform: translateY(2px);
}

.landing-terminal-text-cursor {
  vertical-align: -.18em;
  background: #ffffffeb;
  border-radius: 1px;
  width: 7px;
  height: 1.15em;
  margin-left: 3px;
  display: inline-block;
}

.landing-preview-grid {
  align-content: stretch;
  gap: var(--bird-space-3);
  border-left: 1px solid var(--landing-inner-line);
  padding: var(--bird-space-6);
  background: var(--bird-card);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.landing-preview-card {
  border-color: var(--landing-card-line);
  border-radius: var(--bird-radius-lg);
  background: var(--bird-muted);
  min-height: 148px;
  padding: var(--bird-space-4);
  transition: background-color .15s var(--bird-ease-out),
    border-color .15s var(--bird-ease-out),
    transform .15s var(--bird-ease-out);
}

.landing-preview-card:hover {
  border-color: var(--bird-alpha-white-300);
  background: var(--bird-alpha-white-200);
  transform: translateY(-1px);
}

.landing-preview-label {
  color: var(--bird-muted-foreground);
  font-size: var(--bird-text-xs);
  font-weight: 500;
  line-height: var(--bird-text-xs-line);
  letter-spacing: 0;
}

.landing-preview-value {
  margin-top: var(--bird-space-2);
  color: var(--bird-foreground);
  font-size: var(--bird-text-sm);
  font-weight: 500;
  line-height: var(--bird-text-sm-line);
  letter-spacing: 0;
}

.landing-preview-detail {
  margin-top: var(--bird-space-6);
  color: var(--bird-muted-foreground);
  font-family: JetBrains Mono, ui-monospace, monospace;
  font-size: var(--bird-text-xs);
  line-height: var(--bird-text-xs-line);
}

.landing-preview-icon {
  border-radius: var(--bird-radius-md);
  background: currentColor;
  width: 28px;
  height: 28px;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-preview-icon {
    background: color-mix(in oklab, currentColor 18%, transparent);
  }
}

.landing-preview-card-cyan {
  color: var(--bird-cyan-500);
}

.landing-preview-card-violet {
  color: var(--bird-violet-500);
}

.landing-preview-card-green {
  color: var(--landing-orange);
}

.cheapai-landing section:not(.landing-neon-hero) {
  padding-block: var(--bird-space-20);
  border-color: var(--landing-divider-line);
  background: var(--landing-bg);
}

.cheapai-landing section:not(.landing-neon-hero) h2 {
  color: var(--bird-foreground);
  font-size: var(--bird-text-5xl);
  letter-spacing: 0;
  font-weight: 500;
  line-height: 1.1;
}

.cheapai-landing section:not(.landing-neon-hero) h3 {
  color: var(--bird-foreground);
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5rem;
}

.cheapai-landing section:not(.landing-neon-hero) p {
  color: var(--bird-muted-foreground);
  letter-spacing: 0;
  font-size: 18px;
  line-height: 1.625;
}

.cheapai-landing section:not(.landing-neon-hero) [data-slot="badge"] {
  border-color: var(--landing-card-line);
  border-radius: var(--bird-radius-full);
  background: var(--bird-muted);
  color: var(--bird-muted-foreground);
  font-size: var(--bird-text-xs);
  font-weight: 500;
  line-height: var(--bird-text-xs-line);
  letter-spacing: 0;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-section-lead {
  color: var(--bird-muted-foreground);
  letter-spacing: .005em;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.625;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-card-title {
  color: var(--bird-foreground);
  font-size: var(--bird-text-sm);
  font-weight: 500;
  line-height: var(--bird-text-sm-line);
  letter-spacing: .01em;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-card-title-lg {
  font-size: 18px;
  line-height: 1.5rem;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-card-copy {
  color: var(--bird-muted-foreground);
  letter-spacing: .005em;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-panel-meta {
  color: var(--bird-muted-foreground);
  letter-spacing: 0;
  font-size: .6875rem;
  line-height: 1rem;
}

.cheapai-landing section:not(.landing-neon-hero) .rounded-md {
  border-radius: var(--bird-radius-md) !important;
}

.cheapai-landing section:not(.landing-neon-hero) .rounded-lg {
  border-color: var(--landing-card-line) !important;
  border-radius: var(--bird-radius-lg) !important;
}

.cheapai-landing section:not(.landing-neon-hero) .rounded-xl {
  border-color: var(--landing-card-line) !important;
  border-radius: var(--bird-radius-xl) !important;
}

.cheapai-landing section:not(.landing-neon-hero) [class~="bg-[var(--landing-panel)]"], .cheapai-landing section:not(.landing-neon-hero) [class~="bg-[var(--landing-soft)]"] {
  background: var(--bird-muted);
}

.cheapai-landing section:not(.landing-neon-hero) [class~="text-[var(--landing-blue)]"] {
  color: var(--landing-orange);
}

.landing-branching-section {
  color: var(--bird-foreground);
  scroll-margin-top: 60px;
}

.cheapai-landing section.landing-branching-section {
  border-color: var(--landing-divider-line);
  background: #000;
  padding-block: 0 15rem;
}

.landing-branching-shell {
  width: 100%;
  padding-inline: var(--bird-space-8);
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  display: grid;
  position: relative;
}

.landing-branching-shell:before {
  content: "";
  display: none;
}

.cheapai-landing section > .landing-branching-shell.mx-auto {
  max-width: var(--bird-container-7xl);
}

.landing-branching-content {
  min-width: 0;
  padding-top: 120px;
}

.landing-branching-heading {
  max-width: 960px;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-branching-title {
  color: #797d86;
  letter-spacing: 0;
  text-indent: 6rem;
  text-wrap: pretty;
  max-width: 960px;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.125;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-branching-title strong {
  color: #fff;
  font-weight: 400;
}

.landing-branching-points-wrap {
  margin-top: 5rem;
  position: relative;
}

.landing-branching-points {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4.5rem 4rem;
  display: grid;
}

.landing-branching-point {
  flex-direction: column;
  row-gap: 1.125rem;
  display: flex;
}

.landing-branching-point-glyph {
  color: #ffffffa3;
  pointer-events: none;
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-branching-point p {
  color: #797d86;
  letter-spacing: .005em;
  text-wrap: pretty;
  max-width: 20rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-branching-point p span {
  color: #fff;
  font-weight: 400;
}

.landing-branching-divider {
  background: var(--landing-divider-line);
  pointer-events: none;
  width: 1px;
  position: absolute;
  top: -.5rem;
  bottom: -.25rem;
}

.landing-branching-divider-left {
  left: -2rem;
}

.landing-branching-divider-middle {
  left: calc(33.3333% - 10.6667px);
}

.landing-branching-divider-right {
  right: calc(33.3333% - 10.6667px);
}

@media (max-width: 1279px) {
  .cheapai-landing section.landing-branching-section {
    padding-bottom: 10rem;
  }

  .landing-branching-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .landing-branching-shell:before {
    display: none;
  }

  .landing-branching-heading {
    max-width: 800px;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-branching-title {
    max-width: 800px;
    font-size: 2.5rem;
  }

  .landing-branching-points-wrap {
    margin-top: 4rem;
  }

  .landing-branching-points {
    row-gap: 2.5rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-branching-point p {
    width: 16rem;
  }

  .landing-branching-divider {
    top: 0;
  }

  .landing-branching-divider-left {
    left: -1.5rem;
  }

  .landing-branching-divider-middle {
    left: calc(33.3333% - 4.66667px);
  }

  .landing-branching-divider-right {
    right: calc(33.3333% - 18.6667px);
  }
}

@media (max-width: 1023px) {
  .landing-branching-section {
    scroll-margin-top: 0;
  }

  .cheapai-landing section.landing-branching-section {
    padding-bottom: 8rem;
  }

  .landing-branching-heading {
    max-width: 36rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-branching-title {
    text-indent: 4rem;
    max-width: 36rem;
    font-size: 1.75rem;
    line-height: 1.125;
  }

  .landing-branching-points-wrap {
    max-width: 800px;
    margin-top: 3.5rem;
  }

  .landing-branching-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.75rem 4rem;
  }

  .landing-branching-point {
    row-gap: 1rem;
  }

  .landing-branching-point-glyph {
    width: 1.25rem;
    height: 1.25rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-branching-point p {
    width: 18rem;
    font-size: 1rem;
    line-height: var(--bird-text-base-line);
  }

  .landing-branching-divider-left {
    left: -1.25rem;
  }

  .landing-branching-divider-middle {
    left: calc(50% + 12px);
  }

  .landing-branching-divider-right {
    display: none;
  }
}

@media (max-width: 860px) {
  .landing-branching-heading {
    max-width: 100%;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-branching-title {
    text-indent: 0;
    font-size: 1.5rem;
  }

  .landing-branching-points-wrap {
    margin-top: 4rem;
  }

  .landing-branching-points {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1.75rem;
  }

  .landing-branching-point {
    row-gap: .75rem;
  }

  .landing-branching-point-glyph {
    width: 1rem;
    height: 1rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-branching-point p {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    font-size: .9375rem;
  }

  .landing-branching-divider {
    display: none;
  }
}

@media (max-width: 639px) {
  .landing-branching-shell {
    padding-inline: var(--bird-space-5);
  }
}

.landing-access-section {
  color: var(--bird-foreground);
  background: #000;
}

.cheapai-landing section.landing-access-section {
  background: #000;
  padding-block: 0 12rem;
}

.landing-access-shell {
  width: 100%;
  max-width: var(--bird-container-7xl);
  align-items: center;
  column-gap: clamp(var(--bird-space-10), 6vw, var(--bird-space-20));
  padding-inline: var(--bird-space-8);
  grid-template-columns: minmax(0, 1fr) minmax(420px, 500px);
  padding-top: 120px;
  display: grid;
}

.landing-access-content {
  min-width: 0;
  position: relative;
}

.landing-access-content:before {
  content: none;
  display: none;
}

.landing-access-heading {
  max-width: 960px;
}

.landing-access-eyebrow {
  color: var(--landing-orange);
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: JetBrains Mono, ui-monospace, monospace;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-access-title {
  color: #797d86;
  letter-spacing: 0;
  text-wrap: pretty;
  max-width: 960px;
  margin-top: 1.25rem;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.125;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-access-title strong {
  color: #fff;
  font-weight: 400;
}

.landing-access-title-line {
  display: block;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-access-heading p {
  color: #797d86;
  letter-spacing: .005em;
  text-wrap: pretty;
  max-width: 46rem;
  margin-top: 1.5rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.landing-access-stage {
  width: 100%;
  margin-top: 5rem;
}

.landing-access-steps {
  width: 100%;
  position: relative;
}

.landing-access-step {
  padding-block: 1.5rem;
  position: relative;
}

.landing-access-step:before, .landing-access-steps:after {
  background: linear-gradient(90deg,
    var(--landing-divider-line) 0%,
    var(--landing-divider-line) 72%,
    transparent 100%);
  content: "";
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
}

.landing-access-step:before {
  top: 0;
}

.landing-access-steps:after {
  bottom: 0;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-access-step h3 {
  color: #fff;
  letter-spacing: .01em;
  align-items: center;
  gap: .75rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5rem;
  display: flex;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-access-step h3 svg {
  color: #c9cbcf;
  stroke-width: 1.5px;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-access-step p {
  color: #797d86;
  letter-spacing: .005em;
  max-width: 22rem;
  margin-top: .625rem;
  padding-left: 2rem;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.landing-access-console {
  border: 1px solid var(--landing-divider-line);
  width: 500px;
  height: 630px;
  box-shadow: 0 34px 110px -84px
      var(--landing-orange),
    0 0 0 1px #ffffff05;
  background: #050505;
  border-radius: 8px;
  flex-direction: column;
  flex: none;
  place-content: center;
  place-self: center end;
  align-items: center;
  gap: 12px;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: visible;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-access-console {
    box-shadow: 0 34px 110px -84px
      color-mix(in oklab, var(--landing-orange) 46%, transparent),
    0 0 0 1px #ffffff05;
  }
}

.landing-access-console-tabs {
  flex: none;
  gap: 12px;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.landing-access-console-tab {
  cursor: pointer;
  border: 1px solid var(--landing-divider-line);
  color: #797d86;
  background: #fff0;
  border-radius: 8px;
  flex: 1 0 0;
  align-items: center;
  gap: 10px;
  width: 1px;
  min-width: 0;
  height: min-content;
  padding: 8px 12px 8px 8px;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
  transition: border-color .16s, background-color .16s, color .16s;
  display: flex;
  overflow: hidden;
}

.landing-access-console-tab[aria-selected="true"] {
  border-color: var(--landing-card-line);
  color: #fff;
  background: #ffffff0f;
}

.landing-access-console-tab-icon {
  color: #797d86;
  background: #ffffff1a;
  border-radius: 4px;
  flex: none;
  place-items: center;
  width: 22px;
  height: 22px;
  display: grid;
}

.landing-access-console-tab[aria-selected="true"] .landing-access-console-tab-icon {
  background: var(--landing-blue);
  color: var(--landing-brand-contrast);
}

.landing-access-console-tab-icon svg {
  stroke-width: 1.75px;
  width: 14px;
  height: 14px;
}

.landing-access-console-tab > span:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.landing-access-tab-stage {
  flex: 1 0 0;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 1px;
  display: flex;
  overflow: hidden;
}

.landing-access-snapshot-panel {
  border: 1px solid var(--landing-divider-line);
  background: linear-gradient(#ffffff08, #0000 96px), #08090b;
  border-radius: 8px;
  flex-direction: column;
  flex: 1 0 0;
  width: 1px;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.landing-access-snapshot-header {
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding: 16px;
  display: flex;
  position: relative;
}

.landing-access-snapshot-header:after {
  background: linear-gradient(90deg,
    var(--landing-inner-line) 0%,
    var(--landing-inner-line) 72%,
    transparent 100%);
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.landing-access-snapshot-header > div {
  flex: auto;
  min-width: 0;
}

.landing-access-snapshot-header span {
  color: #fff;
  letter-spacing: 0;
  font-size: .9375rem;
  font-weight: 500;
  line-height: 1.25rem;
  display: block;
}

.landing-access-snapshot-header small {
  color: #797d86;
  text-transform: uppercase;
  margin-bottom: .375rem;
  font-family: JetBrains Mono, ui-monospace, monospace;
  font-size: .6875rem;
  line-height: 1rem;
  display: block;
}

.landing-access-snapshot-header p {
  color: #797d86;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: .5rem;
  font-size: .75rem;
  line-height: 1.25rem;
  display: -webkit-box;
  overflow: hidden;
}

.landing-access-snapshot-header strong {
  border: 1px solid var(--landing-blue);
  flex: none;
  justify-content: center;
  align-items: center;
  min-height: 1.625rem;
  display: inline-flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-access-snapshot-header strong {
    border: 1px solid color-mix(in oklab, var(--landing-blue) 40%, transparent);
  }
}

.landing-access-snapshot-header strong {
  background: var(--landing-blue);
  border-radius: 999px;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-access-snapshot-header strong {
    background: color-mix(in oklab, var(--landing-blue) 14%, transparent);
  }
}

.landing-access-snapshot-header strong {
  color: var(--landing-blue);
  padding: .1875rem .5625rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-access-snapshot-header strong {
    color: color-mix(in oklab, var(--landing-blue) 86%, #fff);
  }
}

.landing-access-snapshot-header strong {
  white-space: nowrap;
  font-family: JetBrains Mono, ui-monospace, monospace;
  font-size: .6875rem;
  font-weight: 500;
  line-height: 1rem;
}

.landing-access-snapshot-fields {
  flex-direction: column;
  flex: auto;
  min-width: 0;
  padding: 10px 12px 12px;
  display: flex;
  overflow: hidden;
}

.landing-access-snapshot-field {
  border-bottom: 1px solid var(--landing-inner-line);
  grid-template-columns: minmax(5.75rem, .52fr) minmax(0, 1fr);
  align-items: center;
  gap: .875rem;
  min-height: 2.25rem;
  padding: .4375rem .25rem;
  display: grid;
}

.landing-access-snapshot-field:last-child {
  border-bottom: 0;
}

.landing-access-snapshot-field span {
  color: #797d86;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: .75rem;
  line-height: 1.125rem;
  overflow: hidden;
}

.landing-access-snapshot-field code {
  color: #ffffffc7;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-family: JetBrains Mono, ui-monospace, monospace;
  font-size: .75rem;
  line-height: 1.125rem;
  overflow: hidden;
}

.landing-access-snapshot-field[data-tone="success"] code {
  color: var(--landing-green);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-access-snapshot-field[data-tone="success"] code {
    color: color-mix(in oklab, var(--landing-green) 86%, #fff);
  }
}

.landing-access-snapshot-field[data-tone="muted"] code {
  color: #ffffff8a;
}

.landing-access-snapshot-field[data-tone="code"] code {
  color: #ffffffd6;
}

.landing-access-console-cta {
  box-sizing: border-box;
  border: 1px solid var(--landing-divider-line);
  color: #fff;
  cursor: pointer;
  background: none;
  border-radius: 8px;
  flex: none;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 12px;
  text-decoration: none;
  transition: border-color .16s, background-color .16s;
  display: flex;
}

.landing-access-console-cta:hover {
  border-color: var(--landing-card-line);
  background: #ffffff1a;
}

.landing-access-console-cta:hover .landing-access-console-cta-icon {
  color: #fff;
  transform: translateX(2px);
}

.landing-access-console-cta div {
  min-width: 0;
}

.landing-access-console-cta div > span {
  color: #fff;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.125rem;
  display: block;
}

.landing-access-console-cta small {
  color: #ffffff94;
  margin-top: .25rem;
  font-size: .75rem;
  line-height: 1.25rem;
  display: block;
}

.landing-access-console-cta-icon {
  color: #fff;
  background: none;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  transition: color .16s, transform .16s;
  display: grid;
}

.landing-access-console-cta-icon svg {
  stroke-width: 1.75px;
  width: 16px;
  height: 16px;
  display: block;
}

@media (max-width: 1023px) {
  .cheapai-landing section.landing-access-section {
    padding-bottom: 8rem;
  }

  .landing-access-shell {
    grid-template-columns: 1fr;
    align-items: start;
    row-gap: 3rem;
  }

  .landing-access-steps {
    max-width: 46rem;
  }

  .landing-access-console {
    justify-self: start;
    width: min(100%, 500px);
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-access-title {
    font-size: 2.5rem;
  }
}

@media (max-width: 760px) {
  .landing-access-console {
    height: auto;
    min-height: 0;
    padding: 16px;
  }

  .landing-access-console-tabs {
    flex: none;
    gap: 8px;
    overflow-x: auto;
  }

  .landing-access-console-tab {
    min-width: 8rem;
  }

  .landing-access-tab-stage {
    min-height: 18rem;
  }

  .landing-access-snapshot-header {
    flex-direction: column;
  }

  .landing-access-snapshot-field {
    grid-template-columns: minmax(5rem, .45fr) minmax(0, 1fr);
  }

  .landing-access-console-cta {
    align-items: flex-start;
  }
}

@media (max-width: 639px) {
  .landing-access-shell {
    padding-inline: var(--bird-space-5);
    padding-top: 5rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-access-title {
    font-size: 2rem;
    line-height: 1.15;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-access-heading p {
    font-size: .9375rem;
    line-height: 1.6;
  }

  .landing-access-stage {
    margin-top: 3.5rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-access-step p {
    padding-left: 0;
  }
}

.landing-stability-section {
  isolation: isolate;
  color: var(--bird-foreground);
  background: #0c0d0e;
  position: relative;
  overflow: hidden;
}

.cheapai-landing section.landing-stability-section {
  background: #0c0d0e;
  padding-block: 0 12rem;
}

.cheapai-landing section.landing-stability-section:before, .cheapai-landing section.landing-stability-section:after {
  z-index: 0;
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.cheapai-landing section.landing-stability-section:before {
  display: none;
}

.cheapai-landing section.landing-stability-section:after {
  background-image: radial-gradient(circle,
      #ffffff2e 0 1.1px,
      transparent 1.55px),
    radial-gradient(circle,
      var(--landing-orange) 0 1.25px,
      transparent 1.7px);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-landing section.landing-stability-section:after {
    background-image: radial-gradient(circle,
      #ffffff2e 0 1.1px,
      transparent 1.55px),
    radial-gradient(circle,
      color-mix(in oklab, var(--landing-orange) 14%, transparent) 0 1.25px,
      transparent 1.7px);
  }
}

.cheapai-landing section.landing-stability-section:after {
  opacity: .6;
  background-position: center;
  background-size: 18px 18px, 54px 54px;
  -webkit-mask-image: radial-gradient(68% 48% at 50% 48%, #000000db 0%, #000000bd 18%, #00000057 42%, #00000014 58%, #0000 68%);
  mask-image: radial-gradient(68% 48% at 50% 48%, #000000db 0%, #000000bd 18%, #00000057 42%, #00000014 58%, #0000 68%);
}

.landing-stability-shell {
  z-index: 1;
  width: 100%;
  max-width: var(--bird-container-7xl);
  padding-inline: var(--bird-space-8);
  position: relative;
}

.landing-stability-content {
  padding-top: 120px;
}

.landing-stability-eyebrow {
  color: var(--landing-orange);
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: JetBrains Mono, ui-monospace, monospace;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1rem;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-stability-title {
  color: #797d86;
  letter-spacing: 0;
  text-wrap: pretty;
  max-width: 880px;
  margin-top: 1.25rem;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.125;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-stability-title strong {
  color: #fff;
  font-weight: 400;
}

.landing-stability-title-line {
  display: block;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-stability-copy {
  color: #797d86;
  letter-spacing: .005em;
  text-wrap: pretty;
  max-width: 44rem;
  margin-top: 1.5rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.landing-stability-grid {
  border-top: 1px solid var(--landing-divider-line);
  border-bottom: 1px solid var(--landing-divider-line);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 5rem;
  display: grid;
}

.landing-stability-point {
  border-right: 1px solid var(--landing-divider-line);
  min-width: 0;
  padding: 2rem 2.5rem 2.25rem 0;
}

.landing-stability-point:last-child {
  border-right: 0;
}

.landing-stability-point + .landing-stability-point {
  padding-left: 2.5rem;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-stability-point-title {
  color: #fff;
  letter-spacing: 0;
  text-wrap: balance;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.35;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-stability-point p {
  color: #797d86;
  letter-spacing: .005em;
  max-width: 16rem;
  margin-top: 1.125rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

@media (max-width: 1023px) {
  .cheapai-landing section.landing-stability-section {
    padding-bottom: 8rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-stability-title {
    max-width: 44rem;
    font-size: 2.5rem;
  }

  .landing-stability-grid {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 4rem;
  }

  .landing-stability-point, .landing-stability-point + .landing-stability-point {
    border-right: 0;
    border-bottom: 1px solid var(--landing-divider-line);
    padding: 1.625rem 0;
  }

  .landing-stability-point:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 639px) {
  .landing-stability-shell {
    padding-inline: var(--bird-space-5);
  }

  .landing-stability-content {
    padding-top: 5rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-stability-title {
    font-size: 2rem;
    line-height: 1.15;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-stability-copy {
    font-size: .9375rem;
  }

  .landing-stability-grid {
    margin-top: 3.25rem;
  }
}

@keyframes landing-bird-bubble-pop {
  from {
    opacity: 0;
    transform: scale(.88);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes landing-bird-code-cursor {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .18;
  }
}

@keyframes landing-terminal-row-in {
  from {
    opacity: 0;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .landing-preview-card[data-bubble] {
    animation: .5s var(--bird-ease-pop) both landing-bird-bubble-pop;
  }

  .landing-terminal-cursor, .landing-terminal-text-cursor {
    animation: 1.15s step-end infinite landing-bird-code-cursor;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-preview-card[data-bubble], .landing-terminal-row, .landing-terminal-cursor, .landing-terminal-text-cursor {
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
  }
}

@media (max-width: 1279px) {
  .landing-neon-hero-inner {
    padding-top: 7rem;
  }

  .landing-neon-hero-stage {
    column-gap: var(--bird-space-6);
    grid-template-columns: minmax(0, 600px) minmax(400px, 460px);
    justify-content: space-between;
  }

  .landing-neon-product-wrap {
    width: min(100%, 460px);
  }

  .cheapai-landing .landing-neon-title {
    letter-spacing: 0;
    max-width: min(100%, 600px);
    font-size: 48px;
    line-height: 1.05;
  }

  .landing-code-module-grid {
    grid-template-columns: minmax(0, 1fr) 320px;
  }
}

@media (max-width: 1023px) {
  .landing-public-header nav {
    display: flex !important;
  }

  .landing-public-header nav > div[class*="sm:hidden"] > button {
    width: 28px !important;
    height: 28px !important;
  }

  .landing-public-header nav > a:not(.landing-header-brand) span {
    display: inline;
  }

  .landing-neon-hero-inner {
    padding-inline: var(--bird-space-8);
    padding-top: 6.5rem;
  }

  .landing-neon-hero-stage {
    row-gap: var(--bird-space-10);
    grid-template-columns: 1fr;
  }

  .landing-neon-product-wrap {
    justify-self: stretch;
    width: 100%;
    max-width: 700px;
  }

  .cheapai-landing .landing-neon-title {
    letter-spacing: 0;
    font-size: 44px;
    line-height: 1;
  }

  .landing-neon-capability {
    border-left: 0;
    flex: none;
    width: 280px;
  }

  .landing-neon-capabilities-list {
    margin-inline: calc(var(--bird-space-8) * -1);
    padding-inline: var(--bird-space-8);
    scroll-padding-inline: var(--bird-space-8);
    overflow-x: auto;
  }

  .landing-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .landing-footer-brand {
    grid-column: 1 / -1;
  }

  .landing-code-module-grid {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .landing-preview-grid {
    border-top: 1px solid var(--landing-inner-line);
    border-left: 0;
  }
}

@media (max-width: 639px) {
  .landing-neon-hero-inner {
    padding-inline: var(--bird-space-5);
    padding-top: 5.5rem;
  }

  .landing-neon-hero-stage {
    row-gap: var(--bird-space-8);
  }

  .cheapai-landing .landing-neon-title {
    letter-spacing: 0;
    font-size: 28px;
    line-height: 1;
  }

  .landing-neon-subtitle {
    font-size: 16px;
    line-height: 1.55;
  }

  .landing-neon-actions {
    align-items: stretch;
  }

  .landing-neon-button {
    justify-content: center;
    width: 100%;
  }

  .landing-terminal-window-bar {
    grid-template-columns: 74px minmax(0, 1fr);
  }

  .landing-terminal-window-status {
    display: none;
  }

  .landing-neon-product-wrap .landing-terminal-body {
    min-height: 300px;
    max-height: 300px;
    padding: var(--bird-space-4);
    font-size: 10.5px;
  }

  .landing-neon-capabilities {
    margin-top: var(--bird-space-16);
  }

  .landing-code-module-header, .landing-code-panel, .landing-preview-grid {
    padding: var(--bird-space-4);
    margin: 0;
  }

  .landing-code-panel {
    border-inline: 0;
    border-radius: 0;
  }

  .landing-preview-grid {
    grid-template-columns: 1fr;
  }

  .cheapai-landing section:not(.landing-neon-hero) {
    padding-block: var(--bird-space-16);
  }

  .cheapai-landing section:not(.landing-neon-hero) h2 {
    font-size: var(--bird-text-3xl);
    letter-spacing: 0;
    line-height: 1.25;
  }

  .landing-footer-shell {
    padding: var(--bird-space-16) var(--bird-space-5) var(--bird-space-8);
  }

  .landing-footer-grid {
    gap: var(--bird-space-8);
    grid-template-columns: 1fr;
  }

  .landing-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .landing-footer-status-links {
    justify-content: flex-start;
  }
}

@media (max-width: 479px) {
  .cheapai-landing .landing-neon-title {
    font-size: 24px;
  }
}

@media (max-width: 374px) {
  .cheapai-landing .landing-neon-title {
    font-size: 22px;
  }
}

.cheapai-landing {
  --landing-section-entry: 5rem;
  --landing-section-end: 7rem;
}

.cheapai-landing section.landing-branching-section, .cheapai-landing section.landing-access-section, .cheapai-landing section.landing-stability-section {
  padding-block: 0 var(--landing-section-end);
}

.landing-cta-section {
  padding: 8rem var(--bird-space-8) 9rem;
  margin-block: 1.5rem 2rem;
}

.landing-cta-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 960px;
  display: flex;
  position: relative;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-cta-title {
  letter-spacing: 0;
  text-wrap: pretty;
  max-width: 760px;
  margin: 1.25rem 0 0;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.125;
}

.landing-cta-title-bright {
  color: #fff;
  font-weight: 400;
}

.landing-cta-title-muted {
  color: #797d86;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-cta-subtitle {
  color: #797d86;
  letter-spacing: .005em;
  text-wrap: pretty;
  max-width: 44rem;
  margin: 1.5rem 0 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
}

.landing-cta-map-shell {
  z-index: 0;
  pointer-events: none;
  width: min(100%, 980px);
  margin-top: 1.75rem;
  position: relative;
}

.landing-cta-world-map {
  aspect-ratio: 2.35;
  filter: saturate(1.05);
  background: radial-gradient(58% 52% at 50% 52%, #ff670012, #0000 72%);
  overflow: visible;
}

.landing-cta-world-map:after {
  background: linear-gradient(90deg,
      var(--landing-bg) 0%,
      transparent 12%,
      transparent 88%,
      var(--landing-bg)),
    linear-gradient(180deg,
      var(--landing-bg) 0%,
      transparent 18%,
      transparent 78%,
      var(--landing-bg));
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.landing-cta-world-map img {
  opacity: .62;
}

.landing-cta-world-map svg {
  opacity: 1;
}

.landing-cta-actions {
  z-index: 1;
  justify-content: center;
  align-items: center;
  gap: var(--bird-space-3);
  flex-wrap: wrap;
  margin-top: -4.25rem;
  display: flex;
  position: relative;
}

.landing-cta-action {
  z-index: 1;
  margin-top: 0;
  position: relative;
}

.landing-cta-action-primary {
  background: var(--bird-foreground) !important;
  color: var(--bird-primary-foreground) !important;
}

.landing-cta-action-primary:hover {
  background: var(--bird-neutral-200) !important;
}

.landing-cta-action-secondary {
  color: var(--bird-foreground) !important;
  background: #00000029 !important;
  border-color: #ffffff42 !important;
}

.landing-cta-action-secondary:hover {
  background: #ffffff12 !important;
  border-color: #ffffff7a !important;
}

html[data-route-shell="landing"] .cheapai-landing .landing-cta-action-secondary {
  color: var(--bird-foreground) !important;
  background: #00000029 !important;
  border-color: #ffffff42 !important;
}

html[data-route-shell="landing"] .cheapai-landing .landing-cta-action-secondary:hover {
  background: #ffffff12 !important;
  border-color: #ffffff7a !important;
}

.landing-footer {
  background: linear-gradient(180deg,
      var(--bird-background) 0%,
      #000 100%),
    var(--bird-background);
  position: relative;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-footer {
    background: linear-gradient(180deg,
      color-mix(in oklab, var(--bird-background) 96%, transparent) 0%,
      #000 100%),
    var(--bird-background);
  }
}

.landing-footer {
  color: var(--bird-foreground);
}

.landing-footer-shell {
  max-width: var(--bird-container-7xl);
  padding: var(--bird-space-20) var(--bird-space-8) var(--bird-space-10);
}

.landing-footer-grid {
  gap: clamp(var(--bird-space-8), 5vw, var(--bird-space-16));
  grid-template-columns: minmax(240px, 1.35fr) repeat(3, minmax(0, 1fr));
  align-items: start;
  display: grid;
}

.landing-footer-brand {
  align-items: flex-start;
  gap: var(--bird-space-5);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.landing-footer-brand-link {
  align-items: center;
  gap: var(--bird-space-3);
  color: var(--bird-foreground);
  text-decoration: none;
  display: inline-flex;
}

.landing-footer-logo {
  border-radius: var(--bird-radius-lg);
  object-fit: contain;
  width: 32px;
  height: 32px;
}

.landing-footer-wordmark {
  font-size: var(--bird-text-sm);
  font-weight: 600;
  line-height: var(--bird-text-sm-line);
  letter-spacing: 0;
}

.landing-footer-wordmark-logo {
  color: var(--bird-foreground);
  font-size: 1.75rem;
}

.landing-footer-column {
  gap: var(--bird-space-4);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.landing-footer-heading {
  color: var(--bird-foreground);
  font-size: var(--bird-text-sm);
  font-weight: 600;
  line-height: var(--bird-text-sm-line);
  letter-spacing: 0;
  margin: 0;
}

.landing-footer-list {
  gap: var(--bird-space-3);
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.landing-footer-link {
  align-items: center;
  gap: var(--bird-space-2);
  color: var(--bird-muted-foreground);
  font-size: var(--bird-text-sm);
  line-height: var(--bird-text-sm-line);
  letter-spacing: 0;
  transition: color .2s var(--bird-ease-out),
    transform .2s var(--bird-ease-out);
  text-decoration: none;
  display: inline-flex;
}

.landing-footer-link:hover {
  color: var(--bird-foreground);
  transform: translateX(2px);
}

.landing-footer-bottom {
  justify-content: space-between;
  align-items: center;
  gap: var(--bird-space-4);
  margin-top: var(--bird-space-16);
  border-top: 1px solid var(--landing-divider-line);
  padding-top: var(--bird-space-6);
  display: flex;
}

.landing-footer-copy {
  color: var(--bird-muted-foreground);
}

.landing-footer-status-links {
  justify-content: flex-end;
  align-items: center;
  gap: var(--bird-space-3);
  flex-wrap: wrap;
  display: flex;
}

.landing-footer-meta-link {
  color: var(--bird-muted-foreground);
  font-size: var(--bird-text-xs);
  line-height: var(--bird-text-xs-line);
  letter-spacing: 0;
  transition: color .2s var(--bird-ease-out);
  text-decoration: none;
}

.landing-footer-meta-link:hover {
  color: var(--bird-foreground);
}

.landing-footer-meta-separator {
  color: var(--bird-muted-foreground);
  opacity: .38;
  font-size: var(--bird-text-xs);
  line-height: var(--bird-text-xs-line);
}

.light .landing-public-header {
  background: var(--bird-background);
}

@supports (color: color-mix(in lab, red, red)) {
  .light .landing-public-header {
    background: color-mix(in oklab, var(--bird-background) 90%, transparent);
  }
}

.light .landing-public-header {
  box-shadow: 0 18px 42px #14141412;
}

.light .landing-neon-kicker {
  background: #ffffffad;
  border-color: #100f0c2e;
  box-shadow: inset 0 1px #ffffffc7;
}

.light .landing-public-header .landing-language-trigger, .light .landing-public-header .theme-switch-trigger {
  border-color: var(--landing-card-line);
  color: var(--bird-muted-foreground) !important;
  background: #ffffff94 !important;
}

.light .landing-public-header .landing-language-trigger:hover, .light .landing-public-header .landing-language-trigger[aria-expanded="true"], .light .landing-public-header .theme-switch-trigger:hover, .light .landing-public-header .theme-switch-trigger[aria-expanded="true"] {
  border-color: #100f0c2e;
  color: var(--bird-foreground) !important;
  background: #ffffffe0 !important;
}

.light .landing-public-header .landing-language-trigger [data-icon="inline-start"], .light .landing-public-header .landing-language-trigger [data-icon="inline-end"], .light .landing-public-header .theme-switch-trigger svg {
  color: #494b50;
  opacity: 1;
}

.light[data-route-shell="landing"] .landing-language-menu, .light[data-route-shell="landing"] .theme-switch-menu {
  border-color: var(--overlay-menu-border);
  background: var(--popover);
  color: var(--popover-foreground);
  box-shadow: var(--overlay-menu-shadow);
}

.light[data-route-shell="landing"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]) {
  color: var(--popover-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .light[data-route-shell="landing"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]) {
    color: color-mix(in srgb, var(--popover-foreground) 72%, transparent);
  }
}

.light[data-route-shell="landing"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]):is(:focus, :hover, [data-highlighted], [aria-checked="true"], [data-checked]) {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .light[data-route-shell="landing"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]):is(:focus, :hover, [data-highlighted], [aria-checked="true"], [data-checked]) {
    background: color-mix(in srgb,
    var(--foreground) var(--overlay-menu-hover-mix),
    var(--popover));
  }
}

.light[data-route-shell="landing"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]):is(:focus, :hover, [data-highlighted], [aria-checked="true"], [data-checked]) {
  color: var(--popover-foreground);
}

.light[data-route-shell="landing"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item-indicator"], [data-slot="dropdown-menu-item"] svg) {
  color: var(--landing-brand-blue);
}

.light .landing-header-cta:hover, .light .landing-neon-actions .landing-neon-button:first-child:hover, .light .landing-cta-action-primary:hover {
  background: var(--bird-foreground) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .light .landing-header-cta:hover, .light .landing-neon-actions .landing-neon-button:first-child:hover, .light .landing-cta-action-primary:hover {
    background: color-mix(in oklab,
    var(--bird-foreground) 88%,
    var(--landing-orange)) !important;
  }
}

.light .landing-header-cta:hover, .light .landing-neon-actions .landing-neon-button:first-child:hover, .light .landing-cta-action-primary:hover {
  color: var(--bird-primary-foreground) !important;
}

.light .landing-neon-hero {
  background: var(--landing-hero-bg);
}

.light .landing-hero-surface {
  background: radial-gradient(circle at 14% 36%,
      var(--landing-orange),
      transparent 28rem),
    radial-gradient(circle at 82% 22%,
      var(--landing-blue),
      transparent 24rem),
    linear-gradient(180deg, #fafafa 0%, var(--bird-background) 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  .light .landing-hero-surface {
    background: radial-gradient(circle at 14% 36%,
      color-mix(in oklab, var(--landing-orange) 8%, transparent),
      transparent 28rem),
    radial-gradient(circle at 82% 22%,
      color-mix(in oklab, var(--landing-blue) 5%, transparent),
      transparent 24rem),
    linear-gradient(180deg, #fafafa 0%, var(--bird-background) 100%);
  }
}

.light .landing-hero-surface:before {
  background: linear-gradient(to right,
      transparent,
      var(--landing-divider-line),
      transparent),
    linear-gradient(to bottom, transparent, var(--bird-background) 92%);
  opacity: .46;
}

.light .landing-hero-surface:after {
  background: linear-gradient(to top,
    var(--bird-background) 0%,
    var(--bird-background) 44%,
    var(--bird-background) 78%,
    transparent 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  .light .landing-hero-surface:after {
    background: linear-gradient(to top,
    var(--bird-background) 0%,
    color-mix(in oklab, var(--bird-background) 92%, transparent) 44%,
    color-mix(in oklab, var(--bird-background) 58%, transparent) 78%,
    transparent 100%);
  }
}

.light .landing-code-texture-grid {
  opacity: .12;
  background-image: linear-gradient(to right, #100f0c0a 1px, #0000 1px), linear-gradient(#100f0c08 1px, #0000 1px);
}

.light .landing-code-texture-static {
  opacity: .14;
}

.light .landing-code-texture-reveal {
  opacity: .34;
}

.light .landing-code-texture-raster {
  color: #100f0c3d;
}

.light .landing-code-texture-raster-hot {
  color: #100f0c6b;
  opacity: .38;
  text-shadow: 0 0 10px #ff67000d, 0 0 14px #1f8f690a;
}

.light .landing-neon-actions .landing-neon-button:last-child {
  border-color: var(--landing-card-line);
  color: var(--bird-foreground);
  background: #ffffff8a;
}

.light .landing-neon-actions .landing-neon-button:last-child:hover {
  background: #ffffffdb;
  border-color: #100f0c3d;
}

.light .landing-neon-capability svg {
  color: #494b50;
}

.light .landing-logo-mark, .light .landing-logo-icon {
  color: #61646b;
}

.light .cheapai-landing section.landing-branching-section, .light .cheapai-landing section.landing-access-section, .light .landing-access-section, .light .landing-stability-section, .light .cheapai-landing section.landing-stability-section {
  background: var(--landing-bg);
}

.light .cheapai-landing section.landing-stability-section:before {
  display: none;
}

.light .cheapai-landing section.landing-stability-section:after {
  background-image: radial-gradient(circle, #100f0c26 0 1.1px, transparent 1.55px),
    radial-gradient(circle,
      var(--landing-orange) 0 1.25px,
      transparent 1.7px);
}

@supports (color: color-mix(in lab, red, red)) {
  .light .cheapai-landing section.landing-stability-section:after {
    background-image: radial-gradient(circle, #100f0c26 0 1.1px, transparent 1.55px),
    radial-gradient(circle,
      color-mix(in oklab, var(--landing-orange) 12%, transparent) 0 1.25px,
      transparent 1.7px);
  }
}

.light .cheapai-landing section.landing-stability-section:after {
  opacity: .32;
  background-size: 18px 18px, 54px 54px;
  -webkit-mask-image: radial-gradient(68% 48% at 50% 48%, #000000c2 0%, #0009 18%, #00000042 42%, #0000000f 58%, #0000 68%);
  mask-image: radial-gradient(68% 48% at 50% 48%, #000000c2 0%, #0009 18%, #00000042 42%, #0000000f 58%, #0000 68%);
}

.light .cheapai-landing section:not(.landing-neon-hero) :is(.landing-branching-title, .landing-access-title, .landing-stability-title, .landing-cta-title-muted) {
  color: #100f0c8c;
}

.light .cheapai-landing section:not(.landing-neon-hero) :is(.landing-branching-title strong, .landing-access-title strong, .landing-stability-title strong, .landing-branching-point p span, .landing-access-step h3, .landing-stability-point-title, .landing-cta-title-bright) {
  color: var(--bird-foreground);
}

.light .cheapai-landing section:not(.landing-neon-hero) :is(.landing-branching-point p, .landing-access-heading p, .landing-access-step p, .landing-stability-copy, .landing-stability-point p, .landing-cta-subtitle) {
  color: var(--bird-muted-foreground);
}

.light .landing-branching-point-glyph, .light .cheapai-landing section:not(.landing-neon-hero) .landing-access-step h3 svg {
  color: #494b50;
}

.light .landing-access-console {
  border-color: var(--landing-card-line);
  background: linear-gradient(180deg, #ffffffc2, #ffffff94),
    var(--bird-card);
  box-shadow: 0 36px 110px -86px
      var(--landing-orange),
    0 28px 78px -58px #100f0c38,
    inset 0 1px 0 #ffffffc7;
}

@supports (color: color-mix(in lab, red, red)) {
  .light .landing-access-console {
    box-shadow: 0 36px 110px -86px
      color-mix(in oklab, var(--landing-orange) 48%, transparent),
    0 28px 78px -58px #100f0c38,
    inset 0 1px 0 #ffffffc7;
  }
}

.light .landing-access-console-tab {
  color: var(--bird-muted-foreground);
}

.light .landing-access-console-tab[aria-selected="true"] {
  border-color: var(--landing-card-line);
  color: var(--bird-foreground);
  background: #100f0c0f;
}

.light .landing-access-console-tab-icon {
  color: #494b50;
  background: #100f0c12;
}

.light .landing-access-console-tab[aria-selected="true"] .landing-access-console-tab-icon {
  background: var(--landing-brand-blue);
  color: var(--landing-brand-contrast);
}

.light .landing-access-snapshot-panel {
  background: linear-gradient(#14141406, #0000 96px), #fafafa;
}

.light .landing-access-snapshot-header span, .light .landing-access-console-cta, .light .landing-access-console-cta div > span {
  color: var(--bird-foreground);
}

.light .landing-access-snapshot-header small, .light .landing-access-snapshot-header p, .light .landing-access-snapshot-field span, .light .landing-access-console-cta small, .light .landing-access-console-cta-icon {
  color: var(--bird-muted-foreground);
}

.light .landing-access-console-cta-icon {
  color: #494b50;
}

.light .landing-access-snapshot-header strong {
  border-color: var(--landing-brand-blue);
}

@supports (color: color-mix(in lab, red, red)) {
  .light .landing-access-snapshot-header strong {
    border-color: color-mix(in oklab, var(--landing-brand-blue) 32%, transparent);
  }
}

.light .landing-access-snapshot-header strong {
  background: var(--landing-brand-blue);
}

@supports (color: color-mix(in lab, red, red)) {
  .light .landing-access-snapshot-header strong {
    background: color-mix(in oklab, var(--landing-brand-blue) 10%, transparent);
  }
}

.light .landing-access-snapshot-header strong {
  color: var(--landing-brand-blue);
}

.light .landing-access-snapshot-field {
  border-color: var(--landing-inner-line);
}

.light .landing-access-snapshot-field code {
  color: #100f0cc7;
}

.light .landing-access-snapshot-field[data-tone="success"] code {
  color: var(--bird-green-600);
}

.light .landing-access-snapshot-field[data-tone="muted"] code {
  color: #100f0c85;
}

.light .landing-access-console-cta:hover {
  border-color: var(--landing-card-line);
  background: #100f0c0f;
}

.light .landing-access-console-cta:hover .landing-access-console-cta-icon {
  color: var(--bird-foreground);
}

.light .landing-cta-world-map {
  filter: none;
  background: none;
}

.light .landing-cta-world-map img {
  opacity: .72;
}

.light .landing-cta-action-secondary, .light[data-route-shell="landing"] .cheapai-landing .landing-cta-action-secondary {
  color: var(--bird-foreground) !important;
  background: #ffffff85 !important;
  border-color: #100f0c2e !important;
}

.light .landing-cta-action-secondary:hover, .light[data-route-shell="landing"] .cheapai-landing .landing-cta-action-secondary:hover {
  background: #ffffffd1 !important;
  border-color: #100f0c47 !important;
}

.light .landing-footer {
  background: linear-gradient(180deg, var(--bird-background) 0%, #eeeeec 100%),
    var(--bird-background);
}

.landing-branching-content, .landing-stability-content {
  padding-top: var(--landing-section-entry);
}

@media (max-width: 1023px) {
  .cheapai-landing {
    --landing-section-entry: 4.5rem;
    --landing-section-end: 6rem;
  }

  .landing-cta-section {
    padding: 7rem var(--bird-space-8) 8rem;
    margin-block: 1.25rem 1.75rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-cta-title {
    font-size: 2.5rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-cta-subtitle {
    max-width: 44rem;
  }

  .landing-cta-map-shell {
    width: min(100%, 820px);
    margin-top: 1.5rem;
  }

  .landing-cta-actions {
    margin-top: -4.25rem;
  }

  .landing-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .landing-footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 639px) {
  .cheapai-landing {
    --landing-section-entry: 3.75rem;
    --landing-section-end: 4.75rem;
  }

  .landing-cta-section {
    padding: 6rem var(--bird-space-5) 6.75rem;
    margin-block: 1rem 1.5rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-cta-title {
    font-size: var(--bird-text-3xl);
    line-height: 1.18;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-cta-subtitle {
    font-size: .9375rem;
    line-height: 1.6;
  }

  .landing-cta-map-shell {
    width: 112%;
    margin-top: 1.25rem;
  }

  .landing-cta-world-map {
    aspect-ratio: 1.75;
  }

  .landing-cta-actions {
    flex-direction: column;
    width: min(100%, 24rem);
    margin-top: -2.5rem;
  }

  .landing-cta-action {
    justify-content: center;
    width: 100%;
  }

  .landing-footer-shell {
    padding: var(--bird-space-16) var(--bird-space-5) var(--bird-space-8);
  }

  .landing-footer-grid {
    gap: var(--bird-space-8);
    grid-template-columns: 1fr;
  }

  .landing-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .landing-footer-status-links {
    justify-content: flex-start;
  }
}

@media (max-width: 1023px) {
  .cheapai-landing {
    --landing-section-entry: 4rem;
    --landing-section-end: 5.25rem;
  }

  .landing-neon-capabilities-list {
    scroll-snap-type: x mandatory;
  }

  .landing-neon-capability {
    width: min(74vw, 16.75rem);
  }

  .landing-branching-content, .landing-stability-content {
    padding-top: var(--landing-section-entry);
  }

  .cheapai-landing section.landing-branching-section, .cheapai-landing section.landing-access-section, .cheapai-landing section.landing-stability-section {
    padding-bottom: var(--landing-section-end);
  }

  .landing-access-shell {
    padding-top: var(--landing-section-entry);
  }
}

@media (max-width: 860px) {
  .landing-header-nav {
    display: none;
  }

  .landing-header-actions {
    gap: var(--bird-space-2);
  }
}

@media (max-width: 760px) {
  .landing-access-tab-stage {
    flex: none;
    justify-content: flex-start;
    align-items: stretch;
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .landing-access-snapshot-panel {
    flex: none;
    width: 100%;
    min-width: 0;
    height: auto;
    overflow: hidden;
  }

  .landing-access-snapshot-fields {
    flex: none;
    min-height: 0;
    overflow: visible;
  }

  .landing-access-console-cta {
    flex: none;
  }
}

@media (max-width: 639px) {
  .cheapai-landing {
    --landing-section-entry: 3.125rem;
    --landing-section-end: 3.75rem;
    --landing-mobile-inline: var(--bird-space-5);
  }

  .landing-public-header > div {
    padding-inline: 1rem;
  }

  .landing-public-header nav {
    min-height: 48px !important;
    padding-block: .375rem !important;
  }

  .landing-public-header nav > a > div {
    width: 28px;
    height: 28px;
  }

  .landing-public-header nav > a:not(.landing-header-brand) span {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 9rem;
    display: inline;
    overflow: hidden;
  }

  .landing-header-wordmark {
    font-size: min(1.75rem, 10vw);
  }

  .landing-public-header .landing-language-trigger {
    width: 32px;
    min-width: 0;
    padding-inline: 0;
  }

  .landing-public-header .landing-language-trigger span:not(.sr-only), .landing-public-header .landing-language-trigger [data-icon="inline-end"] {
    display: none;
  }

  html[data-route-shell="landing"] .landing-public-header [data-slot="button"] {
    min-width: 32px;
  }

  html[data-route-shell="landing"] .landing-public-header + div[class*="fixed"] {
    background: radial-gradient(circle at 16% 12%,
        var(--landing-orange),
        transparent 18rem),
      var(--landing-bg);
  }

  @supports (color: color-mix(in lab, red, red)) {
    html[data-route-shell="landing"] .landing-public-header + div[class*="fixed"] {
      background: radial-gradient(circle at 16% 12%,
        color-mix(in oklab, var(--landing-orange) 10%, transparent),
        transparent 18rem),
      var(--landing-bg);
    }
  }

  .landing-neon-hero-inner {
    padding-inline: var(--landing-mobile-inline);
    padding-top: 5.25rem;
  }

  .landing-neon-hero-stage {
    row-gap: 2rem;
  }

  .cheapai-landing .landing-neon-title {
    max-width: min(100%, 21rem);
    font-size: clamp(2rem, 8.6vw, 2.375rem);
    line-height: 1.06;
  }

  .cheapai-landing .landing-neon-title-cjk {
    max-width: min(100%, 11.5em);
  }

  .landing-neon-subtitle {
    max-width: 22rem;
    margin-top: 1.125rem;
    font-size: .9375rem;
    line-height: 1.6;
  }

  .landing-neon-actions {
    width: min(100%, 24rem);
    margin-top: 2rem;
  }

  .landing-neon-button {
    min-height: 42px;
  }

  .landing-neon-product-wrap {
    max-width: 100%;
  }

  .landing-terminal-window {
    border-radius: 10px;
  }

  .landing-terminal-window-bar {
    min-height: 32px;
    padding-inline: 10px;
  }

  .landing-neon-product-wrap .landing-terminal-body {
    min-height: 232px;
    max-height: 232px;
    padding: 12px;
    font-size: 10.25px;
    line-height: 1.5;
  }

  .landing-terminal-line, .landing-terminal-output-line {
    gap: 6px;
  }

  .landing-terminal-output-line {
    padding-left: 0;
  }

  .landing-neon-capabilities {
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .landing-neon-capabilities-list {
    margin-inline: calc(var(--landing-mobile-inline) * -1);
    padding-inline: var(--landing-mobile-inline);
    scroll-padding-inline: var(--landing-mobile-inline);
    margin-block: 0;
    padding-block: .5rem;
  }

  .landing-neon-capability {
    width: min(70vw, 15.5rem);
    min-height: 104px;
    padding: .875rem 1rem;
  }

  .landing-neon-capability p {
    font-size: .875rem;
    line-height: 1.42;
  }

  .landing-neon-logo-row {
    margin-block: 2.75rem 2.5rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) {
    padding-block: var(--landing-section-entry) var(--landing-section-end);
  }

  .cheapai-landing section.landing-branching-section, .cheapai-landing section.landing-access-section, .cheapai-landing section.landing-stability-section {
    padding-block: 0 var(--landing-section-end);
  }

  .cheapai-landing section.landing-access-section {
    z-index: 2;
    isolation: isolate;
    position: relative;
    overflow: visible;
  }

  .cheapai-landing section.landing-stability-section {
    z-index: 1;
  }

  .landing-branching-shell, .landing-access-shell, .landing-stability-shell {
    padding-inline: var(--landing-mobile-inline);
  }

  .landing-branching-content, .landing-access-shell, .landing-stability-content {
    padding-top: var(--landing-section-entry);
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-branching-title, .cheapai-landing section:not(.landing-neon-hero) .landing-access-title, .cheapai-landing section:not(.landing-neon-hero) .landing-stability-title, .cheapai-landing section:not(.landing-neon-hero) .landing-cta-title {
    max-width: 22rem;
    font-size: 2rem;
    line-height: 1.16;
  }

  .landing-branching-points-wrap {
    margin-top: 2.75rem;
  }

  .landing-branching-points {
    border-top: 1px solid var(--landing-divider-line);
    row-gap: 0;
  }

  .landing-branching-point {
    border-bottom: 1px solid var(--landing-divider-line);
    row-gap: .875rem;
    padding: 1.25rem 0;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-branching-point p {
    font-size: .9375rem;
    line-height: 1.55;
  }

  .landing-access-heading {
    max-width: 22rem;
  }

  .landing-access-shell {
    z-index: 2;
    flex-direction: column;
    align-items: stretch;
    row-gap: 2.25rem;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .landing-access-stage {
    width: 100%;
    margin-top: 2.25rem;
  }

  .landing-access-content {
    width: 100%;
    min-width: 0;
  }

  .landing-access-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    display: grid;
  }

  .landing-access-step:before, .landing-access-steps:after {
    display: none;
  }

  .landing-access-step {
    border: 1px solid var(--landing-divider-line);
    background: #ffffff06;
    border-radius: 8px;
    min-width: 0;
    padding: .875rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-access-step h3 {
    align-items: flex-start;
    gap: .5rem;
    font-size: 1rem;
    line-height: 1.25;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-access-step h3 svg {
    width: 1rem;
    height: 1rem;
    margin-top: .125rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-access-step p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: .5rem;
    padding-left: 0;
    font-size: .8125rem;
    line-height: 1.45;
    display: -webkit-box;
    overflow: hidden;
  }

  .landing-access-console {
    z-index: 3;
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    box-shadow: none;
    will-change: auto;
    background: none;
    border: 0;
    border-radius: 8px;
    justify-content: flex-start;
    place-self: center;
    align-items: stretch;
    gap: .75rem;
    padding: 0;
    position: relative;
    opacity: 1 !important;
    transform: none !important;
  }

  .landing-access-console-tabs {
    scroll-snap-type: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    margin-inline: 0;
    padding-bottom: 0;
    display: grid;
    overflow: visible;
  }

  .landing-access-console-tab {
    text-align: center;
    white-space: normal;
    flex-direction: column;
    justify-content: center;
    gap: .375rem;
    width: auto;
    min-width: 0;
    min-height: 3.25rem;
    padding: .5rem .375rem;
  }

  .landing-access-console-tab-icon {
    width: 1.25rem;
    height: 1.25rem;
  }

  .landing-access-console-tab-icon svg {
    width: .8125rem;
    height: .8125rem;
  }

  .landing-access-console-tab > span:last-child {
    white-space: normal;
    text-overflow: clip;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }

  .landing-access-snapshot-panel {
    background: linear-gradient(#ffffff0a, #0000 5rem), #08090b;
    border-radius: 8px;
  }

  .landing-access-snapshot-header {
    gap: .75rem;
    padding: 1rem;
  }

  .landing-access-snapshot-header span {
    font-size: 1rem;
    line-height: 1.3;
  }

  .landing-access-snapshot-header p {
    -webkit-line-clamp: 2;
    font-size: .8125rem;
    line-height: 1.45;
  }

  .landing-access-snapshot-header strong {
    min-height: 1.5rem;
    padding-inline: .5rem;
  }

  .landing-access-snapshot-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    padding: .75rem;
    display: grid;
  }

  .landing-access-snapshot-field[data-mobile-priority="false"] {
    display: none;
  }

  .landing-access-snapshot-field {
    border: 1px solid var(--landing-inner-line);
    background: #ffffff08;
    border-radius: 7px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: .375rem;
    min-height: 4.25rem;
    padding: .625rem .6875rem;
    display: flex;
  }

  .landing-access-snapshot-field span, .landing-access-snapshot-field code {
    font-size: .75rem;
    line-height: 1.1rem;
  }

  .landing-access-snapshot-field span {
    white-space: normal;
  }

  .landing-access-snapshot-field code {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .landing-access-console-cta {
    border-radius: 8px;
    padding: .75rem;
  }

  .landing-access-console-cta small {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .landing-stability-grid {
    margin-top: 2.75rem;
  }

  .landing-stability-point, .landing-stability-point + .landing-stability-point {
    padding: 1.25rem 0;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-stability-point-title {
    font-size: 1.0625rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-stability-point p {
    margin-top: .75rem;
    font-size: .9375rem;
  }

  .landing-cta-section {
    padding: 4.75rem var(--landing-mobile-inline) 5.5rem;
    margin-block: 0;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-cta-subtitle {
    max-width: 22rem;
    margin-top: 1rem;
  }

  .landing-cta-map-shell {
    width: 128%;
    margin-top: .75rem;
  }

  .landing-cta-world-map {
    aspect-ratio: 1.65;
  }

  .landing-cta-actions {
    width: min(100%, 22rem);
    margin-top: -2rem;
  }

  .landing-footer-shell {
    padding: 4rem var(--landing-mobile-inline) 2rem;
  }

  .landing-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 1.5rem;
  }

  .landing-footer-brand {
    grid-column: 1 / -1;
    gap: 1rem;
  }

  .landing-footer-grid .landing-footer-column:last-child {
    grid-column: 1 / -1;
  }

  .landing-footer-column {
    gap: .875rem;
  }

  .landing-footer-list {
    gap: .625rem;
  }

  .landing-footer-link {
    min-height: 28px;
  }

  .landing-footer-bottom {
    gap: .875rem;
    margin-top: 2.75rem;
    padding-top: 1.25rem;
  }

  .landing-footer-status-links {
    gap: .625rem .875rem;
  }
}

@media (max-width: 600px) {
  .landing-access-shell {
    row-gap: 1.75rem;
  }

  .landing-access-stage {
    margin-top: 1.75rem;
  }

  .landing-access-console {
    gap: .625rem;
    max-width: none;
  }

  .landing-access-console-tabs {
    gap: .375rem;
  }

  .landing-access-console-tab {
    min-height: 3rem;
    padding: .4375rem .25rem;
  }

  .landing-access-snapshot-header {
    padding: .875rem;
  }

  .landing-access-snapshot-fields {
    gap: .375rem;
    padding: .625rem;
  }

  .landing-access-snapshot-field {
    min-height: 3.75rem;
    padding: .5rem .5625rem;
  }

  .landing-access-console-cta {
    padding: .625rem .6875rem;
  }
}

@media (max-width: 420px) {
  .landing-public-header nav > a:not(.landing-header-brand) span {
    max-width: 7.5rem;
  }

  .landing-header-wordmark {
    font-size: min(1.625rem, 9.2vw);
  }

  .landing-neon-product-wrap .landing-terminal-body {
    min-height: 208px;
    max-height: 208px;
    font-size: 10px;
  }

  .landing-terminal-prompt-user, .landing-terminal-prompt-path {
    display: none;
  }

  .landing-access-snapshot-field {
    grid-template-columns: 1fr;
    align-items: start;
    gap: .125rem;
    min-height: 3.875rem;
    padding-block: .5rem;
  }

  .landing-access-snapshot-field code {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .landing-cta-actions {
    margin-top: -1.5rem;
  }
}

.cheapai-landing {
  --mf-landing-frame-width: min(calc(100% - 48px), 80rem);
  --mf-landing-gutter: 2rem;
  --mf-landing-section-start: clamp(5.5rem, 7.5vw, 6.75rem);
  --mf-landing-section-end: clamp(6rem, 8.3vw, 7.5rem);
  --mf-landing-stage-gap: clamp(3.25rem, 4.5vw, 4.25rem);
  --mf-landing-section-title-size: clamp(3.5rem, 4.7vw, 4.25rem);
  --mf-landing-body-size: 1.0625rem;
  --mf-landing-sans: var(--font-brand);
  --mf-landing-mono: var(--font-mono);
}

@media (max-width: 1279px) {
  .cheapai-landing {
    --mf-landing-frame-width: min(calc(100% - 32px), 77.5rem);
    --mf-landing-gutter: 1.75rem;
  }
}

@media (max-width: 700px) {
  .cheapai-landing {
    --mf-landing-frame-width: 100%;
    --mf-landing-gutter: var(--landing-mobile-inline);
    --mf-landing-section-start: 4.5rem;
    --mf-landing-section-end: 5rem;
    --mf-landing-stage-gap: 2.75rem;
  }
}

.cheapai-landing .landing-neon-hero {
  --mf-hero-acid: #d7ff00;
  --mf-hero-acid-soft: #d7ff0024;
  --mf-hero-bg: #070708;
  --mf-hero-panel: #0d0d0e;
  --mf-hero-panel-strong: #151516;
  --mf-hero-line: #f5f5f52b;
  --mf-hero-line-soft: #f5f5f517;
  --mf-hero-copy: #f5f5f5;
  --mf-hero-muted: #a3a3a3;
  border-bottom: 1px solid var(--mf-hero-line);
  background: var(--mf-hero-bg);
  min-height: 0;
  color: var(--mf-hero-copy);
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  font-family: var(--mf-landing-sans);
}

.cheapai-landing .landing-neon-hero .landing-hero-surface, .light .cheapai-landing .landing-neon-hero .landing-hero-surface {
  background: radial-gradient(circle at 8% 64%,
      #4a72ff0f 0,
      transparent 30rem),
    var(--mf-hero-bg);
}

.cheapai-landing .landing-neon-hero .landing-hero-surface:before, .light .cheapai-landing .landing-neon-hero .landing-hero-surface:before {
  opacity: .42;
  background-image: linear-gradient(to right, #d7ff000d 1px, #0000 1px), linear-gradient(#ffffff0a 1px, #0000 1px);
  background-size: 80px 80px;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0%, #000000c7 34%, #00000042 58%, #0000 72% 100%);
  mask-image: linear-gradient(#000 0%, #000000c7 34%, #00000042 58%, #0000 72% 100%);
}

.cheapai-landing .landing-neon-hero .landing-hero-surface:after, .light .cheapai-landing .landing-neon-hero .landing-hero-surface:after {
  background: linear-gradient(to right,
      var(--mf-hero-bg),
      transparent 18%,
      transparent 82%,
      var(--mf-hero-bg)),
    linear-gradient(to bottom, transparent 55%, var(--mf-hero-bg) 100%);
  height: auto;
  inset: 0;
}

.cheapai-landing .landing-neon-hero-inner {
  width: var(--mf-landing-frame-width);
  border-inline: 1px solid var(--mf-hero-line-soft);
  max-width: 80rem;
  padding: 24px var(--mf-landing-gutter) 0;
}

.landing-hero-systembar {
  border-block: 1px solid var(--mf-hero-line);
  color: #ebf0e594;
  min-height: 38px;
  font-family: var(--mf-landing-mono);
  letter-spacing: .08em;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  font-size: 10px;
  line-height: 1;
  display: grid;
}

.landing-hero-systembar span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  padding-inline: 14px;
  overflow: hidden;
}

.landing-hero-systembar span:nth-child(2) {
  border-inline: 1px solid var(--mf-hero-line-soft);
  text-align: center;
}

.landing-hero-systembar span:last-child {
  text-align: right;
}

.landing-hero-systembar i, .landing-neon-kicker-dot {
  background: var(--mf-hero-acid);
  border-radius: 999px;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  display: inline-block;
  box-shadow: 0 0 16px #d7ff00b3;
}

.cheapai-landing .landing-neon-hero-stage {
  grid-template-columns: minmax(0, 1.18fr) minmax(460px, .82fr);
  align-items: center;
  column-gap: clamp(3rem, 5vw, 5.5rem);
  padding-top: clamp(4.25rem, 5.5vw, 5rem);
}

.cheapai-landing .landing-neon-copy {
  max-width: 760px;
}

.cheapai-landing .landing-neon-kicker {
  color: #ebf0e59e;
  height: auto;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  gap: 0;
  padding: 0;
}

.cheapai-landing .landing-neon-kicker span:last-child {
  letter-spacing: .08em;
  font-size: 11px;
  line-height: 1.2;
}

.cheapai-landing .landing-neon-title, .light .cheapai-landing .landing-neon-title {
  max-width: 760px;
  color: var(--mf-hero-copy);
  letter-spacing: -.052em;
  text-wrap: balance;
  margin-top: 1.35rem;
  font-size: clamp(4rem, 5vw, 4.5rem);
  font-weight: 500;
  line-height: .95;
}

@media (min-width: 1280px) {
  .cheapai-landing .landing-neon-title-en .landing-neon-title-line {
    white-space: nowrap;
  }
}

@media (min-width: 1024px) {
  .cheapai-landing .landing-neon-title-cjk, .light .cheapai-landing .landing-neon-title-cjk {
    max-width: 11.4em;
    font-size: clamp(3.2rem, 4.1vw, 3.7rem);
  }
}

.cheapai-landing .landing-neon-title-copy, .cheapai-landing .landing-neon-title-line {
  max-width: 100%;
}

.cheapai-landing .landing-neon-title-line:first-child {
  color: #f6f8f2c2;
}

.cheapai-landing .landing-neon-route-line {
  color: var(--mf-hero-acid);
  letter-spacing: -.025em;
  align-items: baseline;
  gap: .55rem;
  margin-top: 1rem;
  font-size: clamp(1.4rem, 2.05vw, 1.9rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.15;
  display: flex;
}

.cheapai-landing .landing-neon-route-line span {
  font-family: var(--mf-landing-mono);
  font-size: .78em;
  font-style: normal;
}

.cheapai-landing .landing-neon-subtitle, .light .cheapai-landing .landing-neon-subtitle {
  max-width: 39rem;
  color: var(--mf-hero-muted);
  letter-spacing: 0;
  margin-top: 1.65rem;
  font-size: 1.0625rem;
  line-height: 1.62;
}

.cheapai-landing .landing-neon-actions {
  gap: .75rem;
  margin-top: 2rem;
}

.cheapai-landing .landing-neon-button {
  letter-spacing: 0;
  min-height: 48px;
  padding-inline: 1.15rem;
  font-size: .875rem;
  font-weight: 600;
  border-radius: 3px !important;
}

html[data-route-shell="landing"] .cheapai-landing .landing-neon-actions .landing-neon-button:first-child, .light[data-route-shell="landing"] .cheapai-landing .landing-neon-actions .landing-neon-button:first-child {
  border-color: var(--mf-hero-acid) !important;
  background: var(--mf-hero-acid) !important;
  color: #080a07 !important;
}

html[data-route-shell="landing"] .cheapai-landing .landing-neon-actions .landing-neon-button:first-child:hover, .light[data-route-shell="landing"] .cheapai-landing .landing-neon-actions .landing-neon-button:first-child:hover {
  color: #080a07 !important;
  background: #e3ff52 !important;
  border-color: #e3ff52 !important;
}

html[data-route-shell="landing"] .cheapai-landing .landing-neon-actions .landing-neon-button:last-child, .light[data-route-shell="landing"] .cheapai-landing .landing-neon-actions .landing-neon-button:last-child {
  border-color: var(--mf-hero-line) !important;
  color: var(--mf-hero-copy) !important;
  background: #ffffff08 !important;
}

html[data-route-shell="landing"] .cheapai-landing .landing-neon-actions .landing-neon-button:last-child:hover, .light[data-route-shell="landing"] .cheapai-landing .landing-neon-actions .landing-neon-button:last-child:hover {
  background: var(--mf-hero-acid-soft) !important;
  border-color: #d7ff007a !important;
}

.cheapai-landing .landing-neon-actions .landing-neon-button:focus-visible {
  outline: 2px solid var(--mf-hero-acid);
  outline-offset: 3px;
}

.landing-hero-contract {
  color: #ebf0e56b;
  font-family: var(--mf-landing-mono);
  letter-spacing: .08em;
  flex-wrap: wrap;
  gap: .65rem 1.1rem;
  margin-top: 1.35rem;
  font-size: 9px;
  line-height: 1;
  display: flex;
}

.landing-hero-contract span:not(:last-child):after {
  color: var(--mf-hero-acid);
  content: "/";
  margin-left: 1.1rem;
}

.cheapai-landing .landing-neon-product-wrap {
  width: min(100%, 530px);
}

.landing-product-poster.landing-route-console {
  border: 1px solid var(--mf-hero-line);
  background: var(--mf-hero-panel);
  max-width: 530px;
  color: var(--mf-hero-copy);
  border-radius: 4px;
  box-shadow: 0 34px 90px #0000007a, 0 0 0 1px #d7ff0008, inset 0 1px #ffffff0f;
}

.landing-product-poster.landing-route-console:before {
  z-index: 2;
  background: linear-gradient(90deg,
    transparent,
    var(--mf-hero-acid) 24%,
    var(--mf-hero-acid) 76%,
    transparent);
  content: "";
  height: 2px;
  position: absolute;
  inset: 0 0 auto;
}

.landing-route-console-bar {
  border-bottom: 1px solid var(--mf-hero-line);
  min-height: 40px;
  font-family: var(--mf-landing-mono);
  letter-spacing: .08em;
  background: #080a08;
  justify-content: space-between;
  align-items: center;
  padding-inline: 14px;
  font-size: 9px;
  line-height: 1;
  display: flex;
}

.landing-route-console-name {
  color: #ebf0e58f;
  gap: .45rem;
  display: flex;
}

.landing-route-console-name span:first-child {
  color: var(--mf-hero-acid);
}

.landing-route-console-ready {
  color: #ebf0e59e;
  text-transform: uppercase;
  align-items: center;
  gap: .45rem;
  display: inline-flex;
}

.landing-route-ready-dot {
  background: var(--mf-hero-acid);
  border-radius: 999px;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 12px #d7ff00b3;
}

.landing-route-console-body {
  padding: 16px;
}

.landing-route-endpoint {
  border: 1px solid var(--mf-hero-line-soft);
  min-height: 42px;
  font-family: var(--mf-landing-mono);
  background: #ffffff05;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding-inline: 11px;
  font-size: 9px;
  line-height: 1;
  display: grid;
}

.landing-route-section-label {
  color: #ebf0e56b;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.landing-route-endpoint-path {
  align-items: center;
  gap: .55rem;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.landing-route-endpoint-path span {
  color: var(--mf-hero-acid);
}

.landing-route-endpoint-path code {
  color: #f6f8f2d6;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.landing-route-http-status {
  color: var(--mf-hero-acid);
}

.landing-route-flow {
  isolation: isolate;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
  display: grid;
  position: relative;
}

.landing-route-flow-line {
  z-index: 0;
  pointer-events: none;
  background: #ebf0e52e;
  border-radius: 999px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  overflow: visible;
  transform: translateY(-50%);
}

.landing-route-flow-packet {
  opacity: 0;
  background: linear-gradient(90deg, #0000, #ebf0e561 58%, #ffffffeb);
  border-radius: 999px;
  width: 16.6667%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate3d(-100%, -50%, 0);
  box-shadow: 0 0 6px #ebf0e575;
}

.landing-route-node {
  z-index: 1;
  border: 1px solid var(--mf-hero-line);
  background: var(--mf-hero-panel-strong);
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  min-height: 104px;
  padding: 11px;
  display: flex;
  position: relative;
}

.landing-route-node-index {
  color: #ebf0e561;
  font-family: var(--mf-landing-mono);
  letter-spacing: .06em;
  font-size: 8px;
  line-height: 1;
}

.landing-route-node strong {
  min-width: 0;
  color: var(--mf-hero-copy);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.2;
  overflow: hidden;
}

.landing-route-node code {
  color: #ebf0e570;
  min-width: 0;
  font-family: var(--mf-landing-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 8px;
  line-height: 1;
  overflow: hidden;
}

.landing-route-node-hub {
  border-color: var(--mf-hero-acid);
  background: var(--mf-hero-acid);
  box-shadow: 0 12px 36px #d7ff001f;
}

.landing-route-node-hub :is(.landing-route-node-index, strong, code) {
  color: #080a07;
}

.landing-route-policy, .landing-route-response {
  border: 1px solid var(--mf-hero-line-soft);
  background: #ffffff04;
  margin-top: 14px;
}

.landing-route-policy-header, .landing-route-response-header {
  border-bottom: 1px solid var(--mf-hero-line-soft);
  color: #ebf0e56b;
  min-height: 31px;
  font-family: var(--mf-landing-mono);
  letter-spacing: .08em;
  justify-content: space-between;
  align-items: center;
  padding-inline: 10px;
  font-size: 8px;
  line-height: 1;
  display: flex;
}

.landing-route-policy-header code {
  color: var(--mf-hero-acid);
}

.landing-route-options {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.landing-route-option {
  border: 0;
  border-right: 1px solid var(--mf-hero-line-soft);
  color: #ebf0e585;
  text-align: left;
  cursor: pointer;
  background: none;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: .55rem;
  min-width: 0;
  min-height: 58px;
  padding: 8px 10px;
  transition: background-color .18s, color .18s;
  display: grid;
}

.landing-route-option:last-child {
  border-right: 0;
}

.landing-route-option > span {
  color: #ebf0e547;
  font-family: var(--mf-landing-mono);
  font-size: 8px;
}

.landing-route-option strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.25;
  overflow: hidden;
}

.landing-route-option:hover {
  color: var(--mf-hero-copy);
  background: #d7ff0012;
}

.landing-route-option[data-active="true"] {
  background: var(--mf-hero-acid);
  color: #080a07;
}

.landing-route-option[data-active="true"] > span {
  color: #080a077a;
}

.landing-route-option:focus-visible {
  z-index: 2;
  outline: 2px solid var(--mf-hero-acid);
  outline-offset: -3px;
  position: relative;
}

.landing-route-response-header code {
  color: #ebf0e547;
  letter-spacing: 0;
}

.landing-route-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  display: grid;
}

.landing-route-metrics div {
  border-right: 1px solid var(--mf-hero-line-soft);
  min-width: 0;
  padding: 11px 10px 12px;
}

.landing-route-metrics div:last-child {
  border-right: 0;
}

.landing-route-metrics dt {
  color: #ebf0e55c;
  font-family: var(--mf-landing-mono);
  letter-spacing: .06em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 7px;
  line-height: 1;
  overflow: hidden;
}

.landing-route-metrics dd {
  color: #f6f8f2db;
  font-family: var(--mf-landing-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 8px 0 0;
  font-size: 10px;
  line-height: 1;
  overflow: hidden;
}

.landing-route-metrics dd.is-success {
  color: var(--mf-hero-acid);
}

.cheapai-landing .landing-neon-capabilities {
  border-block: 1px solid var(--mf-hero-line);
  margin-top: clamp(4.25rem, 6vw, 5.5rem);
  padding: 0;
}

.cheapai-landing .landing-neon-capabilities-list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  overflow: visible;
  display: grid !important;
}

.cheapai-landing .landing-neon-capability, .cheapai-landing .landing-neon-capability:first-child {
  border: 0;
  border-right: 1px solid var(--mf-hero-line-soft);
  width: auto;
  min-height: 144px;
  color: var(--mf-hero-copy);
  padding: 1.55rem 1.35rem;
}

.cheapai-landing .landing-neon-capability:last-child {
  border-right: 0;
}

.landing-neon-capability-heading {
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: .65rem;
  display: grid;
}

.landing-neon-capability-index {
  font-family: var(--mf-landing-mono);
  color: var(--mf-hero-acid) !important;
  letter-spacing: .06em !important;
  font-size: 8px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

.cheapai-landing .landing-neon-capability svg, .light .cheapai-landing .landing-neon-capability svg {
  color: #ebf0e585;
}

.cheapai-landing .landing-neon-capability-heading > span:last-child {
  color: var(--mf-hero-copy);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.2;
  overflow: hidden;
}

.cheapai-landing .landing-neon-capability p {
  max-width: 15rem;
  color: var(--mf-hero-muted);
  margin-top: 1rem;
  font-size: .8125rem;
  line-height: 1.48;
}

.cheapai-landing .landing-neon-logo-row {
  border: 0;
  margin: 0;
  padding: 1.75rem 0 2.75rem;
}

.landing-logo-row-header {
  color: #ebf0e55c;
  font-family: var(--mf-landing-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  font-size: 8px;
  line-height: 1;
  display: flex;
}

.cheapai-landing .landing-neon-hero .landing-logo-mark, .light .cheapai-landing .landing-neon-hero .landing-logo-mark, .cheapai-landing .landing-neon-hero .landing-logo-icon, .light .cheapai-landing .landing-neon-hero .landing-logo-icon {
  color: #ebf0e59e;
}

.cheapai-landing .landing-neon-hero .landing-logos-animated:before, .light .cheapai-landing .landing-neon-hero .landing-logos-animated:before {
  background-image: linear-gradient(to right, var(--mf-hero-bg), transparent);
}

.cheapai-landing .landing-neon-hero .landing-logos-animated:after, .light .cheapai-landing .landing-neon-hero .landing-logos-animated:after {
  background-image: linear-gradient(to left, var(--mf-hero-bg), transparent);
}

@keyframes landing-route-packet-flow {
  0% {
    opacity: 0;
    transform: translate3d(-100%, -50%, 0);
  }

  8% {
    opacity: 1;
  }

  92% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(600%, -50%, 0);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .landing-route-console[data-ready="true"] .landing-route-flow-packet {
    will-change: transform, opacity;
    animation: 4.4s linear infinite landing-route-packet-flow;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-route-flow-packet {
    animation: none !important;
  }
}

@media (max-width: 1279px) {
  .cheapai-landing .landing-neon-hero-inner {
    width: var(--mf-landing-frame-width);
    padding-inline: var(--mf-landing-gutter);
    padding-top: 20px;
  }

  .cheapai-landing .landing-neon-hero-stage {
    grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr);
    column-gap: 2.5rem;
    padding-top: 4.5rem;
  }

  .cheapai-landing .landing-neon-title, .light .cheapai-landing .landing-neon-title {
    font-size: clamp(3.5rem, 5.35vw, 4.25rem);
  }

  .cheapai-landing .landing-neon-title-cjk, .light .cheapai-landing .landing-neon-title-cjk {
    font-size: clamp(3rem, 4.5vw, 3.6rem);
  }
}

@media (max-width: 1120px) {
  .cheapai-landing .landing-neon-hero-stage {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 3.5rem;
    padding-top: 4rem;
  }

  .cheapai-landing .landing-neon-copy {
    max-width: 760px;
  }

  .cheapai-landing .landing-neon-title, .light .cheapai-landing .landing-neon-title {
    max-width: 760px;
    font-size: clamp(3.75rem, 8vw, 5.25rem);
  }

  .cheapai-landing .landing-neon-title-cjk, .light .cheapai-landing .landing-neon-title-cjk {
    font-size: clamp(3.25rem, 6.5vw, 4.25rem);
  }

  .cheapai-landing .landing-neon-title-cjk .landing-neon-title-line {
    white-space: normal;
  }

  .cheapai-landing .landing-neon-product-wrap {
    justify-self: start;
    width: min(100%, 720px);
    max-width: 720px;
  }

  .landing-product-poster.landing-route-console {
    max-width: 720px;
  }

  .cheapai-landing .landing-neon-capabilities-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  .cheapai-landing .landing-neon-capability:nth-child(2) {
    border-right: 0;
  }

  .cheapai-landing .landing-neon-capability:nth-child(-n+2) {
    border-bottom: 1px solid var(--mf-hero-line-soft);
  }
}

@media (max-width: 700px) {
  .cheapai-landing .landing-neon-hero-inner {
    width: var(--mf-landing-frame-width);
    padding: 16px var(--mf-landing-gutter) 0;
    border-inline: 0;
  }

  .landing-hero-systembar {
    grid-template-columns: 1fr 1fr;
  }

  .landing-hero-systembar span:nth-child(2) {
    text-align: right;
    border-right: 0;
  }

  .landing-hero-systembar span:last-child {
    display: none;
  }

  .cheapai-landing .landing-neon-hero-stage {
    row-gap: 2.75rem;
    padding-top: 3.25rem;
  }

  .cheapai-landing .landing-neon-title, .light .cheapai-landing .landing-neon-title {
    max-width: 100%;
    font-size: clamp(3rem, 12.8vw, 4.25rem);
    line-height: .98;
  }

  .cheapai-landing .landing-neon-title-cjk, .light .cheapai-landing .landing-neon-title-cjk {
    font-size: clamp(2.65rem, 11.5vw, 3.8rem);
  }

  .cheapai-landing .landing-neon-subtitle, .light .cheapai-landing .landing-neon-subtitle {
    max-width: 36rem;
    font-size: 1rem;
  }

  .cheapai-landing .landing-neon-capabilities {
    margin-top: 4rem;
  }
}

@media (max-width: 520px) {
  .landing-hero-systembar {
    grid-template-columns: 1fr;
    min-height: 34px;
  }

  .landing-hero-systembar span {
    padding-inline: 10px;
  }

  .landing-hero-systembar span:nth-child(2) {
    display: none;
  }

  .cheapai-landing .landing-neon-hero-stage {
    row-gap: 1.75rem;
    padding-top: 2.25rem;
  }

  .cheapai-landing .landing-neon-kicker span:last-child {
    font-size: 9px;
  }

  .cheapai-landing .landing-neon-title, .light .cheapai-landing .landing-neon-title {
    letter-spacing: -.045em;
    margin-top: 1.1rem;
    font-size: clamp(2.5rem, 12vw, 3.35rem);
  }

  .cheapai-landing .landing-neon-title-cjk, .light .cheapai-landing .landing-neon-title-cjk {
    font-size: clamp(2.3rem, 10.9vw, 3rem);
  }

  .cheapai-landing .landing-neon-route-line {
    margin-top: .8rem;
    font-size: 1.25rem;
  }

  .cheapai-landing .landing-neon-subtitle, .light .cheapai-landing .landing-neon-subtitle {
    margin-top: 1.3rem;
    font-size: .9375rem;
    line-height: 1.56;
  }

  .cheapai-landing .landing-neon-actions {
    grid-template-columns: 1fr;
    width: 100%;
    margin-top: 1.65rem;
    display: grid;
  }

  .cheapai-landing .landing-neon-button {
    width: 100%;
  }

  .landing-hero-contract {
    display: none;
  }

  .landing-route-console-body {
    padding: 10px;
  }

  .landing-route-endpoint {
    gap: .5rem;
    padding-inline: 8px;
  }

  .landing-route-section-label {
    display: none;
  }

  .landing-route-endpoint {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .landing-route-flow {
    gap: 6px;
    margin-top: 10px;
  }

  .landing-route-node {
    min-height: 84px;
    padding: 8px 6px;
  }

  .landing-route-node-index {
    font-size: 6px;
  }

  .landing-route-node strong {
    font-size: .6875rem;
  }

  .landing-route-node code {
    font-size: 6.5px;
  }

  .landing-route-policy, .landing-route-response {
    margin-top: 10px;
  }

  .landing-route-option {
    grid-template-columns: 1fr;
    gap: .3rem;
    min-height: 52px;
    padding: 7px;
  }

  .landing-route-option strong {
    font-size: 9px;
  }

  .landing-route-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .landing-route-metrics div:nth-child(2) {
    border-right: 0;
  }

  .landing-route-metrics div:nth-child(-n+2) {
    border-bottom: 1px solid var(--mf-hero-line-soft);
  }

  .landing-route-response-header code, .landing-route-response {
    display: none;
  }

  .cheapai-landing .landing-neon-capabilities {
    margin-top: 3rem;
  }

  .cheapai-landing .landing-neon-capabilities-list {
    margin-inline: calc(var(--landing-mobile-inline) * -1);
    padding-inline: var(--landing-mobile-inline);
    scroll-padding-inline: var(--landing-mobile-inline);
    overflow-x: auto;
    display: flex !important;
  }

  .cheapai-landing .landing-neon-capability, .cheapai-landing .landing-neon-capability:first-child {
    border-right: 1px solid var(--mf-hero-line-soft);
    border-bottom: 0;
    flex: none;
    width: min(72vw, 16rem);
    min-height: 112px;
    padding: 1rem;
  }

  .cheapai-landing .landing-neon-logo-row {
    padding: 1.25rem 0 1.75rem;
  }

  .landing-logo-row-header {
    margin-bottom: 1rem;
  }

  .landing-logo-row-header span:last-child {
    display: none;
  }
}

.cheapai-landing section.landing-model-catalog-section, .light .cheapai-landing section.landing-model-catalog-section {
  --mf-catalog-acid: #d7ff00;
  --mf-catalog-acid-strong: #b6dc00;
  --mf-catalog-bg: #f5f5f3;
  --mf-catalog-panel: #fff;
  --mf-catalog-panel-strong: #fafafa;
  --mf-catalog-ink: #141414;
  --mf-catalog-muted: #626262;
  --mf-catalog-line: #14141424;
  --mf-catalog-line-strong: #14141447;
  isolation: isolate;
  border-bottom: 1px solid var(--mf-catalog-line-strong);
  background: var(--mf-catalog-bg);
  color: var(--mf-catalog-ink);
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  font-family: var(--mf-landing-sans);
  padding: 0;
  position: relative;
}

.landing-model-catalog-grid {
  z-index: -1;
  background-image: linear-gradient(to right, var(--mf-catalog-line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--mf-catalog-line) 1px, transparent 1px);
  opacity: .24;
  pointer-events: none;
  background-size: 96px 96px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#0000006b, #0000 38% 72%, #00000038);
  mask-image: linear-gradient(#0000006b, #0000 38% 72%, #00000038);
}

.landing-model-catalog-shell {
  width: var(--mf-landing-frame-width);
  max-width: 80rem;
  padding: var(--mf-landing-section-start) var(--mf-landing-gutter)
    var(--mf-landing-section-end);
}

.landing-model-catalog-heading {
  width: min(100%, 820px);
}

.landing-model-catalog-kicker {
  color: var(--mf-catalog-ink);
  font-family: var(--mf-landing-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  align-items: center;
  gap: .65rem;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.landing-model-catalog-kicker > span {
  border: 1px solid var(--mf-catalog-ink);
  background: var(--mf-catalog-acid);
  width: .625rem;
  height: .625rem;
  box-shadow: 3px 3px 0 var(--mf-catalog-ink);
}

.cheapai-landing section:not(.landing-neon-hero) .landing-model-catalog-title, .light .cheapai-landing section:not(.landing-neon-hero) .landing-model-catalog-title {
  max-width: 780px;
  color: var(--mf-catalog-ink);
  font-family: var(--mf-landing-sans);
  font-size: var(--mf-landing-section-title-size);
  letter-spacing: -.045em;
  text-wrap: balance;
  margin: 1.4rem 0 0;
  font-weight: 500;
  line-height: .96;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-model-catalog-heading > p, .light .cheapai-landing section:not(.landing-neon-hero) .landing-model-catalog-heading > p {
  max-width: 660px;
  color: var(--mf-catalog-muted);
  font-size: var(--mf-landing-body-size);
  text-wrap: pretty;
  margin: 1.5rem 0 0;
  line-height: 1.6;
}

.landing-model-catalog-stage {
  margin-top: var(--mf-landing-stage-gap);
  border: 1px solid var(--mf-catalog-line-strong);
  background: var(--mf-catalog-panel);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  box-shadow: 12px 12px #1414140f, 0 36px 90px -68px #1414146b;
}

.landing-model-catalog-stage:before {
  z-index: 0;
  content: "";
  opacity: .12;
  pointer-events: none;
  background-image: radial-gradient(circle, #1414141c 0 .65px, #0000 .75px);
  background-size: 8px 8px;
  position: absolute;
  inset: 0;
}

.landing-model-catalog-toolbar, .landing-model-catalog-workspace, .landing-model-catalog-state {
  z-index: 1;
  position: relative;
}

.landing-model-catalog-toolbar {
  border-bottom: 1px solid var(--mf-catalog-line-strong);
  background: #fafafae0;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1.5rem;
  min-height: 72px;
  padding: .85rem 1rem .85rem 1.25rem;
  display: grid;
}

.landing-model-catalog-toolbar-label {
  gap: .35rem;
  min-width: 148px;
  display: grid;
}

.landing-model-catalog-toolbar-label > span, .landing-model-directory-header span, .landing-model-detail-meta, .landing-model-detail-panel-header > span {
  color: var(--mf-catalog-muted);
  font-family: var(--mf-landing-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.2;
}

.landing-model-catalog-toolbar-label strong {
  color: var(--mf-catalog-ink);
  font-size: .8125rem;
  font-weight: 600;
}

.landing-model-provider-filter {
  justify-content: flex-start;
  max-width: 100%;
  padding: .2rem;
  overflow-x: auto;
  gap: .375rem !important;
  width: 100% !important;
}

.cheapai-landing .landing-model-provider-filter [data-slot="toggle-group-item"] {
  gap: .4rem;
  min-width: max-content;
  min-height: 34px;
  font-size: .75rem;
  font-weight: 600;
  border: 1px solid var(--mf-catalog-line) !important;
  color: var(--mf-catalog-muted) !important;
  box-shadow: none !important;
  background: none !important;
  border-radius: 2px !important;
}

.cheapai-landing .landing-model-provider-filter [data-slot="toggle-group-item"]:hover {
  border-color: var(--mf-catalog-line-strong) !important;
  color: var(--mf-catalog-ink) !important;
  background: #1414140d !important;
}

.cheapai-landing .landing-model-provider-filter [data-slot="toggle-group-item"][aria-pressed="true"] {
  border-color: var(--mf-catalog-ink) !important;
  background: var(--mf-catalog-acid) !important;
  color: var(--mf-catalog-ink) !important;
  box-shadow: 3px 3px 0 var(--mf-catalog-ink) !important;
}

.cheapai-landing .landing-model-provider-filter [data-slot="toggle-group-item"]:focus-visible {
  outline: 2px solid var(--mf-catalog-ink);
  outline-offset: 2px;
}

.landing-model-provider-icon {
  width: 1rem;
  height: 1rem;
  color: var(--mf-catalog-ink);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.landing-model-catalog-live {
  min-width: max-content;
  color: var(--mf-catalog-muted);
  font-family: var(--mf-landing-mono);
  letter-spacing: .04em;
  text-transform: uppercase;
  align-items: center;
  gap: .5rem;
  font-size: .625rem;
  font-weight: 600;
  display: flex;
}

.landing-model-catalog-live > span {
  border: 1px solid var(--mf-catalog-ink);
  background: var(--mf-catalog-acid);
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
  box-shadow: 0 0 0 3px #d7ff0038;
}

.landing-model-catalog-state {
  min-height: 480px;
  color: var(--mf-catalog-muted);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
  display: flex;
}

.landing-model-catalog-state [data-slot="button"] {
  border-color: var(--mf-catalog-line-strong) !important;
  background: var(--mf-catalog-panel-strong) !important;
  color: var(--mf-catalog-ink) !important;
  border-radius: 2px !important;
}

.landing-model-catalog-workspace {
  grid-template-columns: minmax(280px, .8fr) minmax(0, 1.7fr);
  min-height: 600px;
  display: grid;
}

.landing-model-directory {
  border-right: 1px solid var(--mf-catalog-line-strong);
  background: #efefedc7;
  min-width: 0;
}

.landing-model-directory-header {
  border-bottom: 1px solid var(--mf-catalog-line);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 80px;
  padding: 1rem 1.25rem;
  display: flex;
}

.landing-model-directory-header > div {
  gap: .45rem;
  display: grid;
}

.landing-model-directory-header strong {
  color: var(--mf-catalog-ink);
  font-size: 1rem;
  font-weight: 600;
}

.landing-model-directory-header code {
  border: 1px solid var(--mf-catalog-line-strong);
  width: 2rem;
  height: 2rem;
  color: var(--mf-catalog-ink);
  font-family: var(--mf-landing-mono);
  border-radius: 50%;
  place-items: center;
  font-size: .6875rem;
  font-weight: 700;
  display: grid;
}

.landing-model-directory-list {
  overscroll-behavior: contain;
  max-height: 520px;
  overflow-y: auto;
}

.landing-model-directory-item {
  border: 0;
  border-bottom: 1px solid var(--mf-catalog-line);
  width: 100%;
  min-height: 74px;
  color: var(--mf-catalog-ink);
  cursor: pointer;
  text-align: left;
  background: none;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .85rem;
  padding: .85rem 1rem;
  transition: background-color .16s, box-shadow .16s;
  display: grid;
  position: relative;
}

.landing-model-directory-item:hover {
  background: #ffffffb8;
}

.landing-model-directory-item[data-active="true"] {
  background: linear-gradient(90deg, #d7ff0038, transparent 76%),
    var(--mf-catalog-panel-strong);
  box-shadow: inset 4px 0 0 var(--mf-catalog-acid-strong);
}

.landing-model-directory-item:focus-visible {
  z-index: 2;
  outline: 2px solid var(--mf-catalog-ink);
  outline-offset: -3px;
}

.landing-model-directory-index {
  color: var(--mf-catalog-muted);
  font-family: var(--mf-landing-mono);
  letter-spacing: .04em;
  font-size: .5625rem;
  font-weight: 600;
}

.landing-model-directory-icon, .landing-model-detail-icon {
  border: 1px solid var(--mf-catalog-line);
  background: var(--mf-catalog-panel-strong);
  color: var(--mf-catalog-ink);
  flex: none;
  place-items: center;
  display: grid;
}

.landing-model-directory-icon {
  width: 2.25rem;
  height: 2.25rem;
  font-size: .75rem;
  font-weight: 700;
}

.landing-model-directory-copy {
  gap: .3rem;
  min-width: 0;
  display: grid;
}

.landing-model-directory-copy strong {
  color: var(--mf-catalog-ink);
  font-family: var(--mf-landing-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.25;
  overflow: hidden;
}

.landing-model-directory-copy small {
  color: var(--mf-catalog-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .6875rem;
  line-height: 1.3;
  overflow: hidden;
}

.landing-model-directory-arrow {
  width: 1.75rem;
  height: 1.75rem;
  color: var(--mf-catalog-muted);
  border: 1px solid #0000;
  place-items: center;
  font-size: .875rem;
  transition: background-color .16s, border-color .16s, color .16s, transform .16s;
  display: grid;
}

.landing-model-directory-item[data-active="true"] .landing-model-directory-arrow {
  border-color: var(--mf-catalog-ink);
  background: var(--mf-catalog-acid);
  color: var(--mf-catalog-ink);
  transform: translate(2px, -2px);
}

.landing-model-detail {
  background: #fffffff0;
  flex-direction: column;
  min-width: 0;
  min-height: 600px;
  padding: clamp(1.5rem, 2.75vw, 2.75rem);
  animation: .28s cubic-bezier(.2, .75, .2, 1) both landing-model-detail-in;
  display: flex;
}

@keyframes landing-model-detail-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.landing-model-detail-meta {
  border-bottom: 1px solid var(--mf-catalog-line);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.landing-model-detail-meta span:last-child {
  color: var(--mf-catalog-ink);
}

.landing-model-detail-title-row {
  align-items: center;
  gap: 1rem;
  min-width: 0;
  margin-top: 1.35rem;
  display: flex;
}

.landing-model-detail-icon {
  width: 3.25rem;
  height: 3.25rem;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-model-detail-title-row h3 {
  min-width: 0;
  color: var(--mf-catalog-ink);
  font-family: var(--mf-landing-mono);
  letter-spacing: -.055em;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.75rem);
  font-weight: 600;
  line-height: 1;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-model-detail-heading > p, .light .cheapai-landing section:not(.landing-neon-hero) .landing-model-detail-heading > p {
  max-width: 640px;
  color: var(--mf-catalog-muted);
  margin: 1.2rem 0 0;
  font-size: .9375rem;
  line-height: 1.62;
}

.landing-model-detail-panels {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 1rem;
  margin-top: 1.75rem;
  display: grid;
}

.landing-model-detail-panel {
  border: 1px solid var(--mf-catalog-line-strong);
  background: var(--mf-catalog-panel-strong);
  min-width: 0;
}

.landing-model-detail-panel-header {
  border-bottom: 1px solid var(--mf-catalog-line);
  align-content: center;
  gap: .4rem;
  min-height: 68px;
  padding: .85rem 1rem;
  display: grid;
}

.landing-model-detail-panel-header strong {
  color: var(--mf-catalog-ink);
  font-size: .875rem;
  font-weight: 600;
}

.landing-model-endpoint-row, .landing-model-route-row {
  border-bottom: 1px solid var(--mf-catalog-line);
  min-height: 68px;
}

.landing-model-endpoint-row:last-child, .landing-model-route-row:last-child {
  border-bottom: 0;
}

.landing-model-endpoint-row {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .75rem 1rem;
  display: grid;
}

.landing-model-endpoint-method {
  border: 1px solid var(--mf-catalog-ink);
  background: var(--mf-catalog-ink);
  color: var(--mf-catalog-panel-strong);
  font-family: var(--mf-landing-mono);
  letter-spacing: .04em;
  padding: .3rem .4rem;
  font-size: .5625rem;
  font-weight: 700;
}

.landing-model-endpoint-row > span:nth-child(2), .landing-model-route-copy, .landing-model-route-ratio {
  gap: .25rem;
  min-width: 0;
  display: grid;
}

.landing-model-endpoint-row strong, .landing-model-route-copy strong {
  color: var(--mf-catalog-ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.25;
  overflow: hidden;
}

.landing-model-endpoint-row code, .landing-model-route-copy code {
  color: var(--mf-catalog-muted);
  font-family: var(--mf-landing-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .625rem;
  line-height: 1.3;
  overflow: hidden;
}

.landing-model-endpoint-row > i {
  border: 1px solid var(--mf-catalog-ink);
  background: var(--mf-catalog-acid);
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
}

.landing-model-route-row {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .75rem 1rem;
  display: grid;
}

.landing-model-route-status {
  border: 1px solid var(--mf-catalog-ink);
  background: var(--mf-catalog-acid);
  width: .625rem;
  height: .625rem;
  box-shadow: 2px 2px 0 var(--mf-catalog-ink);
}

.landing-model-route-ratio {
  text-align: right;
  justify-items: end;
  min-width: 9.5rem;
}

.landing-model-route-ratio strong {
  color: var(--mf-catalog-ink);
  font-family: var(--mf-landing-mono);
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.3;
}

.landing-model-route-ratio small {
  max-width: 13rem;
  color: var(--mf-catalog-muted);
  font-size: .5625rem;
  line-height: 1.35;
}

.landing-model-detail-footer {
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.5rem;
  margin-top: auto;
  padding-top: 1.5rem;
  display: flex;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-model-detail-footer > p, .light .cheapai-landing section:not(.landing-neon-hero) .landing-model-detail-footer > p {
  max-width: 300px;
  color: var(--mf-catalog-muted);
  font-family: var(--mf-landing-mono);
  align-items: flex-start;
  gap: .55rem;
  margin: 0;
  font-size: .625rem;
  line-height: 1.5;
  display: flex;
}

.landing-model-detail-footer > p > span {
  border: 1px solid var(--mf-catalog-ink);
  background: var(--mf-catalog-acid);
  border-radius: 50%;
  flex: none;
  width: .5rem;
  height: .5rem;
  margin-top: .2rem;
}

.landing-model-detail-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .625rem;
  display: flex;
}

.cheapai-landing .landing-model-catalog-cta {
  min-height: 42px;
  padding-inline: 1rem;
  font-size: .8125rem;
  font-weight: 600;
  border-radius: 2px !important;
}

.cheapai-landing .landing-model-catalog-cta-primary, .light .cheapai-landing .landing-model-catalog-cta-primary, html[data-route-shell="landing"] .cheapai-landing .landing-model-catalog-cta-primary[data-slot="button"] {
  border-color: var(--mf-catalog-ink) !important;
  background: var(--mf-catalog-ink) !important;
  color: var(--mf-catalog-panel-strong) !important;
  box-shadow: 4px 4px 0 var(--mf-catalog-acid-strong) !important;
}

.cheapai-landing .landing-model-catalog-cta-primary:hover, .light .cheapai-landing .landing-model-catalog-cta-primary:hover, html[data-route-shell="landing"] .cheapai-landing .landing-model-catalog-cta-primary[data-slot="button"]:hover {
  transform: translate(-1px, -1px);
  box-shadow: 6px 6px 0 var(--mf-catalog-acid-strong) !important;
  background: #252920 !important;
}

.cheapai-landing .landing-model-catalog-cta-secondary, .light .cheapai-landing .landing-model-catalog-cta-secondary, html[data-route-shell="landing"] .cheapai-landing .landing-model-catalog-cta-secondary[data-slot="button"] {
  border-color: var(--mf-catalog-line-strong) !important;
  color: var(--mf-catalog-ink) !important;
  background: none !important;
}

.cheapai-landing .landing-model-catalog-cta-secondary:hover, .light .cheapai-landing .landing-model-catalog-cta-secondary:hover, html[data-route-shell="landing"] .cheapai-landing .landing-model-catalog-cta-secondary[data-slot="button"]:hover {
  border-color: var(--mf-catalog-ink) !important;
  background: var(--mf-catalog-acid) !important;
}

@media (max-width: 1180px) {
  .landing-model-catalog-shell {
    padding-inline: var(--mf-landing-gutter);
  }

  .landing-model-catalog-toolbar {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .landing-model-catalog-live {
    display: none;
  }

  .landing-model-catalog-workspace {
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1.5fr);
  }

  .landing-model-detail-panels {
    grid-template-columns: minmax(0, 1fr);
  }

  .landing-model-detail-footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .landing-model-detail-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 860px) {
  .cheapai-landing section.landing-model-catalog-section, .light .cheapai-landing section.landing-model-catalog-section {
    padding: 0;
  }

  .landing-model-catalog-shell {
    padding-top: var(--mf-landing-section-start);
    padding-bottom: var(--mf-landing-section-end);
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-model-catalog-title, .light .cheapai-landing section:not(.landing-neon-hero) .landing-model-catalog-title {
    max-width: 650px;
    font-size: clamp(3.25rem, 7vw, 4rem);
  }

  .landing-model-catalog-toolbar {
    grid-template-columns: minmax(0, 1fr);
    gap: .85rem;
    padding: 1rem;
  }

  .landing-model-provider-filter, .landing-model-directory-list {
    -webkit-mask-image: linear-gradient(to right, #000 0 calc(100% - 28px), #0000 100%);
    mask-image: linear-gradient(to right, #000 0 calc(100% - 28px), #0000 100%);
  }

  .landing-model-provider-filter {
    padding-right: 1.75rem;
  }

  .landing-model-catalog-toolbar-label {
    grid-template-columns: 1fr auto;
    align-items: center;
    min-width: 0;
  }

  .landing-model-catalog-toolbar-label > span {
    grid-column: 1 / -1;
  }

  .landing-model-catalog-workspace {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  .landing-model-directory {
    border-right: 0;
    border-bottom: 1px solid var(--mf-catalog-line-strong);
  }

  .landing-model-directory-list {
    scroll-snap-type: x mandatory;
    max-height: none;
    scroll-padding-inline: 1rem;
    display: flex;
    overflow-x: auto;
  }

  .landing-model-directory-item {
    border-right: 1px solid var(--mf-catalog-line);
    scroll-snap-align: start;
    border-bottom: 0;
    width: min(80vw, 330px);
    min-width: min(80vw, 330px);
  }

  .landing-model-directory-item[data-active="true"] {
    box-shadow: inset 0 -4px 0 var(--mf-catalog-acid-strong);
  }

  .landing-model-detail {
    min-height: 620px;
  }
}

@media (max-width: 639px) {
  .landing-model-catalog-shell {
    padding-inline: var(--mf-landing-gutter);
    padding-block: var(--mf-landing-section-start) var(--mf-landing-section-end);
  }

  .landing-model-catalog-kicker {
    font-size: .625rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-model-catalog-title, .light .cheapai-landing section:not(.landing-neon-hero) .landing-model-catalog-title {
    letter-spacing: -.045em;
    max-width: 100%;
    margin-top: 1.15rem;
    font-size: clamp(2.65rem, 11.5vw, 3.5rem);
    line-height: .98;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-model-catalog-heading > p, .light .cheapai-landing section:not(.landing-neon-hero) .landing-model-catalog-heading > p {
    margin-top: 1.25rem;
    font-size: .9375rem;
    line-height: 1.58;
  }

  .landing-model-catalog-stage {
    margin-inline: calc(var(--landing-mobile-inline) * -1);
    margin-top: var(--mf-landing-stage-gap);
    box-shadow: none;
    border-inline: 0;
    border-radius: 0;
  }

  .landing-model-provider-filter {
    margin-inline: -.2rem;
  }

  .landing-model-directory-header {
    min-height: 76px;
    padding-inline: 1rem;
  }

  .landing-model-directory-item {
    width: min(84vw, 310px);
    min-width: min(84vw, 310px);
  }

  .landing-model-detail {
    min-height: 0;
    padding: 1.25rem 1rem 1.5rem;
  }

  .landing-model-detail-title-row {
    align-items: flex-start;
    gap: .75rem;
  }

  .landing-model-detail-icon {
    width: 2.75rem;
    height: 2.75rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-model-detail-title-row h3 {
    font-size: clamp(1.75rem, 8.2vw, 2.75rem);
  }

  .landing-model-detail-panels {
    margin-top: 1.5rem;
  }

  .landing-model-route-row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .landing-model-route-ratio {
    text-align: left;
    grid-column: 2;
    justify-items: start;
    min-width: 0;
  }

  .landing-model-detail-footer {
    margin-top: 1.75rem;
  }

  .landing-model-detail-actions {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    display: grid;
  }

  .cheapai-landing .landing-model-catalog-cta {
    width: 100%;
  }
}

@media (max-width: 420px) {
  .landing-model-directory-item {
    grid-template-columns: auto auto minmax(0, 1fr);
    width: 88vw;
    min-width: 88vw;
  }

  .landing-model-directory-arrow {
    display: none;
  }

  .landing-model-detail-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: .45rem;
  }

  .landing-model-endpoint-row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .landing-model-endpoint-row > i {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-model-detail {
    animation: none;
  }

  .landing-model-directory-item, .landing-model-directory-arrow, .cheapai-landing .landing-model-catalog-cta {
    transition: none;
  }
}

.cheapai-landing section.landing-integration-section, .light .cheapai-landing section.landing-integration-section {
  --mf-integration-acid: #d7ff00;
  --mf-integration-acid-strong: #b6dc00;
  --mf-integration-ink: #141414;
  --mf-integration-paper: #f5f5f3;
  --mf-integration-panel: #fff;
  --mf-integration-code-surface: #0d0d0e;
  --mf-integration-code-copy: #f5f5f5;
  --mf-integration-code-muted: #f5f5f57a;
  --mf-integration-code-hover: #f5f5f50f;
  --mf-integration-code-active: #d7ff001f;
  --mf-integration-copy: #f5f5f5;
  --mf-integration-muted: #a3a3a3;
  --mf-integration-line: #14141438;
  --mf-integration-dark-line: #f5f5f526;
  isolation: isolate;
  border-bottom: 1px solid var(--mf-integration-ink);
  background: var(--mf-integration-paper);
  color: var(--mf-integration-ink);
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  font-family: var(--mf-landing-sans);
  padding: 0;
  position: relative;
  overflow: hidden;
}

.landing-integration-grid {
  z-index: -1;
  opacity: .34;
  pointer-events: none;
  background-image: linear-gradient(to right, #1414141a 1px, #0000 1px), linear-gradient(#1414141a 1px, #0000 1px);
  background-size: 96px 96px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#00000052, #0000 31% 72%, #0000003d);
  mask-image: linear-gradient(#00000052, #0000 31% 72%, #0000003d);
}

.landing-integration-shell {
  width: var(--mf-landing-frame-width);
  max-width: 80rem;
  padding: var(--mf-landing-section-start) var(--mf-landing-gutter)
    var(--mf-landing-section-end);
}

.landing-integration-heading {
  width: min(100%, 820px);
}

.landing-integration-eyebrow {
  color: var(--mf-integration-ink);
  font-family: var(--mf-landing-mono);
  letter-spacing: .11em;
  text-transform: uppercase;
  align-items: center;
  gap: .65rem;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.landing-integration-eyebrow > span {
  border: 1px solid var(--mf-integration-ink);
  background: var(--mf-integration-acid);
  width: .625rem;
  height: .625rem;
  box-shadow: 3px 3px 0 var(--mf-integration-ink);
}

.cheapai-landing section:not(.landing-neon-hero) .landing-integration-title, .light .cheapai-landing section:not(.landing-neon-hero) .landing-integration-title {
  max-width: 760px;
  color: var(--mf-integration-ink);
  font-family: var(--mf-landing-sans);
  font-size: var(--mf-landing-section-title-size);
  letter-spacing: -.045em;
  text-wrap: balance;
  margin: 1.4rem 0 0;
  font-weight: 500;
  line-height: .96;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-integration-heading > p, .light .cheapai-landing section:not(.landing-neon-hero) .landing-integration-heading > p {
  color: #141414b8;
  max-width: 660px;
  font-size: var(--mf-landing-body-size);
  text-wrap: pretty;
  margin: 1.5rem 0 0;
  line-height: 1.6;
}

.landing-integration-stage {
  margin-top: var(--mf-landing-stage-gap);
  border: 1px solid var(--mf-integration-line);
  background: var(--mf-integration-panel);
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 28px 72px -64px #14141461;
}

.landing-integration-systembar {
  border-bottom: 1px solid var(--mf-integration-line);
  background: var(--mf-integration-panel);
  color: #1414148f;
  min-height: 50px;
  font-family: var(--mf-landing-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .65rem .8rem .65rem 1rem;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.landing-integration-systembar > span {
  align-items: center;
  gap: .65rem;
  display: flex;
}

.landing-integration-systembar > span i, .landing-integration-receipt > span i {
  background: var(--mf-integration-acid);
  border-radius: 999px;
  flex: none;
  width: .45rem;
  height: .45rem;
  box-shadow: 0 0 0 4px #d7ff001a;
}

.cheapai-landing section.landing-integration-section .landing-integration-compatibility-badge[data-slot="badge"], .light .cheapai-landing section.landing-integration-section .landing-integration-compatibility-badge[data-slot="badge"] {
  background: var(--mf-integration-acid);
  height: auto;
  color: var(--mf-integration-ink);
  font-family: var(--mf-landing-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  border-color: #14141429;
  border-radius: 2px;
  padding: .35rem .55rem;
  font-size: .5625rem;
  font-weight: 600;
  line-height: 1;
}

.landing-integration-stage-grid {
  grid-template-columns: minmax(360px, .92fr) minmax(0, 1.08fr);
  min-height: 520px;
  display: grid;
}

.landing-integration-steps-panel {
  border-right: 1px solid var(--mf-integration-line);
  background: var(--mf-integration-panel);
  min-width: 0;
  color: var(--mf-integration-ink);
  flex-direction: column;
  padding: clamp(1.5rem, 2.6vw, 2.25rem);
  display: flex;
}

.landing-integration-steps-intro > span {
  color: #1414147a;
  font-family: var(--mf-landing-mono);
  letter-spacing: .09em;
  font-size: .5625rem;
  font-weight: 600;
  line-height: 1;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-integration-steps-intro h3, .light .cheapai-landing section:not(.landing-neon-hero) .landing-integration-steps-intro h3 {
  max-width: 30rem;
  color: var(--mf-integration-ink);
  letter-spacing: -.04em;
  text-wrap: balance;
  margin: 1rem 0 0;
  font-size: clamp(1.65rem, 2.35vw, 2.2rem);
  font-weight: 500;
  line-height: 1.04;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-integration-steps-intro p, .light .cheapai-landing section:not(.landing-neon-hero) .landing-integration-steps-intro p {
  color: #1414149e;
  max-width: 30rem;
  margin: 1rem 0 0;
  font-size: .875rem;
  line-height: 1.55;
}

.landing-integration-steps {
  border-top: 1px solid var(--mf-integration-line);
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.landing-integration-step {
  border-bottom: 1px solid var(--mf-integration-line);
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: start;
  gap: .8rem;
  min-width: 0;
  padding: 1rem 0;
  display: grid;
  position: relative;
}

.landing-integration-step-index {
  color: #14141466;
  font-family: var(--mf-landing-mono);
  padding-top: .55rem;
  font-size: .5625rem;
  font-weight: 600;
  line-height: 1;
}

.landing-integration-step-icon {
  border: 1px solid var(--mf-integration-ink);
  background: var(--mf-integration-acid);
  width: 2rem;
  height: 2rem;
  box-shadow: 3px 3px 0 var(--mf-integration-ink);
  place-items: center;
  display: grid;
}

.landing-integration-step-icon svg {
  width: .95rem;
  height: .95rem;
}

.landing-integration-step > div {
  min-width: 0;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-integration-step h4, .light .cheapai-landing section:not(.landing-neon-hero) .landing-integration-step h4 {
  color: var(--mf-integration-ink);
  margin: 0;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.3;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-integration-step p, .light .cheapai-landing section:not(.landing-neon-hero) .landing-integration-step p {
  color: #1414148f;
  margin: .35rem 0 0;
  font-size: .75rem;
  line-height: 1.42;
}

.landing-integration-step code {
  color: var(--mf-integration-ink);
  font-family: var(--mf-landing-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: .6rem;
  font-size: .625rem;
  line-height: 1.3;
  display: block;
  overflow: hidden;
}

.landing-integration-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
  margin-top: auto;
  padding-top: 1.5rem;
  display: grid;
}

.cheapai-landing .landing-integration-cta, .light .cheapai-landing .landing-integration-cta, html[data-route-shell="landing"] .cheapai-landing .landing-integration-cta[data-slot="button"] {
  min-height: 2.75rem;
  font-size: .75rem;
  font-weight: 600;
  border-radius: 2px !important;
  transition: transform .18s, box-shadow .18s, background-color .18s !important;
}

.cheapai-landing .landing-integration-cta-primary, .light .cheapai-landing .landing-integration-cta-primary, html[data-route-shell="landing"] .cheapai-landing .landing-integration-cta-primary[data-slot="button"] {
  border-color: var(--mf-integration-ink) !important;
  background: var(--mf-integration-ink) !important;
  color: var(--mf-integration-copy) !important;
  box-shadow: 5px 5px 0 var(--mf-integration-acid-strong) !important;
}

.cheapai-landing .landing-integration-cta-primary:hover, .light .cheapai-landing .landing-integration-cta-primary:hover, html[data-route-shell="landing"] .cheapai-landing .landing-integration-cta-primary[data-slot="button"]:hover {
  transform: translate(-1px, -1px);
  box-shadow: 7px 7px 0 var(--mf-integration-acid-strong) !important;
  background: #262626 !important;
}

.cheapai-landing .landing-integration-cta-secondary, .light .cheapai-landing .landing-integration-cta-secondary, html[data-route-shell="landing"] .cheapai-landing .landing-integration-cta-secondary[data-slot="button"] {
  border-color: var(--mf-integration-ink) !important;
  color: var(--mf-integration-ink) !important;
  background: none !important;
}

.cheapai-landing .landing-integration-cta-secondary:hover, .light .cheapai-landing .landing-integration-cta-secondary:hover, html[data-route-shell="landing"] .cheapai-landing .landing-integration-cta-secondary[data-slot="button"]:hover {
  background: var(--mf-integration-acid) !important;
}

.landing-integration-code-panel {
  background: var(--mf-integration-code-surface);
  min-width: 0;
  color: var(--mf-integration-ink);
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

.landing-integration-code-tabs {
  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
  gap: 0;
  min-width: 0;
  height: 100%;
  display: grid;
}

.landing-integration-code-toolbar {
  border-bottom: 1px solid var(--mf-integration-line);
  background: var(--mf-integration-panel);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  min-height: 56px;
  padding: .7rem .8rem .7rem 1.1rem;
  display: flex;
}

.landing-integration-code-file {
  align-items: center;
  gap: .85rem;
  min-width: 0;
  display: flex;
}

.landing-integration-window-dots {
  flex: none;
  gap: 0;
  display: flex;
}

.landing-integration-window-dots i {
  display: none;
}

.landing-integration-window-dots i:first-child {
  background: var(--mf-integration-acid);
  border: 1px solid #14141447;
  border-radius: 1px;
  width: .45rem;
  height: .45rem;
  display: block;
}

.landing-integration-code-file code {
  color: #14141494;
  font-family: var(--mf-landing-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .625rem;
  line-height: 1;
  overflow: hidden;
}

.cheapai-landing .landing-integration-copy-button, .light .cheapai-landing .landing-integration-copy-button, html[data-route-shell="landing"] .cheapai-landing .landing-integration-copy-button[data-slot="button"] {
  font-family: var(--mf-landing-mono);
  flex: none;
  font-size: .625rem;
  border: 1px solid var(--mf-integration-line) !important;
  background: var(--mf-integration-panel) !important;
  color: #141414ad !important;
  border-radius: 2px !important;
}

.cheapai-landing .landing-integration-copy-button:hover, .light .cheapai-landing .landing-integration-copy-button:hover, html[data-route-shell="landing"] .cheapai-landing .landing-integration-copy-button[data-slot="button"]:hover {
  color: var(--mf-integration-ink) !important;
  background: #1414140d !important;
  border-color: #1414144d !important;
}

.cheapai-landing section.landing-integration-section .landing-integration-code-tablist {
  border-bottom: 1px solid var(--mf-integration-dark-line);
  background: var(--mf-integration-code-surface);
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  justify-content: flex-start;
  gap: .25rem;
  width: 100%;
  height: auto;
  min-height: 46px;
  padding: .4375rem .75rem;
  display: flex;
  overflow-x: auto;
  border-radius: 0 !important;
}

.landing-integration-code-tab, .light .landing-integration-code-tab {
  min-width: 80px;
  height: 32px;
  color: var(--mf-integration-code-muted);
  font-family: var(--mf-landing-mono);
  letter-spacing: .04em;
  transition: border-color .16s var(--mf-landing-ease-interface),
    background-color .16s var(--mf-landing-ease-interface),
    color .16s var(--mf-landing-ease-interface);
  border: 1px solid #0000;
  border-radius: 3px;
  flex: none;
  padding: 0 .75rem;
  font-size: .625rem;
  font-weight: 600;
}

.landing-integration-code-tab:hover, .light .landing-integration-code-tab:hover {
  background: var(--mf-integration-code-hover);
  color: #f5f5f5c2;
}

.landing-integration-code-tab[data-active], .light .landing-integration-code-tab[data-active] {
  background: var(--mf-integration-code-active);
  color: var(--mf-integration-code-copy);
  box-shadow: inset 0 -2px 0 var(--mf-integration-acid-strong);
  border-color: #0000;
}

.landing-integration-code-tab:after {
  display: none !important;
}

.landing-integration-code-viewport {
  border: 1px solid var(--mf-integration-dark-line);
  background-color: var(--mf-integration-code-surface);
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  background-image: linear-gradient(to right, #0000 0 48px, #f5f5f512 48px 49px, #0000 49px);
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  min-width: 0;
  min-height: 300px;
  margin: 0 .75rem;
  overflow: hidden;
}

.landing-integration-code-content {
  height: 100%;
  margin: 0;
}

.landing-integration-code-content pre {
  tab-size: 2;
  outline: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 1.35rem 1rem 1.75rem 0;
  overflow: auto;
}

.landing-integration-code-content pre:focus-visible {
  box-shadow: inset 0 0 0 2px var(--mf-integration-acid);
}

.landing-integration-code-content pre > code {
  color: #f5f5f5e0;
  width: max-content;
  min-width: 100%;
  font-family: var(--mf-landing-mono);
  font-size: .75rem;
  line-height: 1.82;
  display: block;
}

.landing-integration-code-line {
  grid-template-columns: 48px minmax(0, 1fr);
  min-width: max-content;
  display: grid;
}

.landing-integration-code-line > i {
  color: #f5f5f538;
  text-align: right;
  -webkit-user-select: none;
  user-select: none;
  padding-right: .9rem;
  font-style: normal;
}

.landing-integration-code-line > span {
  white-space: pre;
  padding-left: 1rem;
}

.landing-integration-code-line[data-comment] > span {
  color: #f5f5f56b;
}

.landing-integration-code-line[data-emphasis] > span, .landing-integration-code-line:first-child > span, .landing-integration-code-line:nth-child(2) > span {
  color: var(--mf-integration-acid);
}

.landing-integration-response-preview {
  border: 1px solid var(--mf-integration-dark-line);
  border-top: 1px solid var(--mf-integration-dark-line);
  background: var(--mf-integration-code-surface);
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  min-height: 64px;
  font-family: var(--mf-landing-mono);
  border-radius: 0 0 2px 2px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
  margin-inline: .75rem;
  padding: .85rem 1rem;
  font-size: .5625rem;
  line-height: 1.4;
  display: grid;
}

.landing-integration-response-preview span {
  color: var(--mf-integration-acid);
  letter-spacing: .07em;
  font-weight: 600;
}

.landing-integration-response-preview code {
  color: #f5f5f585;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.landing-integration-receipt {
  border-top: 1px solid var(--mf-integration-line);
  background: var(--mf-integration-panel);
  min-height: 50px;
  font-family: var(--mf-landing-mono);
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 1rem;
  padding: .7rem 1rem;
  font-size: .5625rem;
  line-height: 1;
  display: grid;
}

.landing-integration-receipt > span {
  color: var(--mf-integration-ink);
  letter-spacing: .07em;
  text-transform: uppercase;
  align-items: center;
  gap: .6rem;
  font-weight: 600;
  display: flex;
}

.landing-integration-receipt code {
  color: #14141475;
  font-size: inherit;
}

@media (max-width: 1180px) {
  .landing-integration-shell {
    padding-inline: var(--mf-landing-gutter);
  }

  .landing-integration-stage-grid {
    grid-template-columns: minmax(330px, .86fr) minmax(0, 1.14fr);
  }

  .landing-integration-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 960px) {
  .landing-integration-stage-grid {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  .landing-integration-steps-panel {
    border-right: 0;
    border-bottom: 1px solid var(--mf-integration-line);
  }

  .landing-integration-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .landing-integration-step {
    border-right: 1px solid var(--mf-integration-line);
    grid-template-rows: auto minmax(0, 1fr);
    grid-template-columns: auto minmax(0, 1fr);
    align-content: start;
    padding: 1rem;
  }

  .landing-integration-step:first-child {
    padding-left: 0;
  }

  .landing-integration-step:last-child {
    border-right: 0;
    padding-right: 0;
  }

  .landing-integration-step-index {
    display: none;
  }

  .landing-integration-step > div {
    grid-column: 1 / -1;
  }

  .landing-integration-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0;
  }

  .landing-integration-code-viewport {
    border-bottom: 1px solid var(--mf-integration-dark-line);
    border-radius: 2px;
    min-height: 320px;
    margin-bottom: .75rem;
  }

  .landing-integration-response-preview {
    display: none;
  }
}

@media (max-width: 639px) {
  .cheapai-landing section.landing-integration-section, .light .cheapai-landing section.landing-integration-section {
    padding: 0;
  }

  .landing-integration-shell {
    padding: var(--mf-landing-section-start) var(--mf-landing-gutter)
      var(--mf-landing-section-end);
  }

  .landing-integration-eyebrow {
    font-size: .625rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-integration-title, .light .cheapai-landing section:not(.landing-neon-hero) .landing-integration-title {
    letter-spacing: -.045em;
    max-width: 100%;
    margin-top: 1.15rem;
    font-size: clamp(2.65rem, 11.5vw, 3.5rem);
    line-height: .98;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-integration-heading > p, .light .cheapai-landing section:not(.landing-neon-hero) .landing-integration-heading > p {
    margin-top: 1.25rem;
    font-size: .9375rem;
    line-height: 1.58;
  }

  .landing-integration-stage {
    margin-inline: calc(var(--landing-mobile-inline) * -1);
    margin-top: var(--mf-landing-stage-gap);
    box-shadow: none;
    border-inline: 0;
    border-radius: 0;
  }

  .landing-integration-systembar {
    min-height: 50px;
    padding-inline: 1rem;
  }

  .landing-integration-compatibility-badge {
    display: none;
  }

  .landing-integration-steps-panel {
    padding: 1.5rem 1rem 1.75rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-integration-steps-intro h3, .light .cheapai-landing section:not(.landing-neon-hero) .landing-integration-steps-intro h3 {
    font-size: clamp(1.65rem, 7.5vw, 2.2rem);
  }

  .landing-integration-steps {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 1.5rem;
  }

  .landing-integration-step, .landing-integration-step:first-child, .landing-integration-step:last-child {
    border-right: 0;
    grid-template-rows: auto;
    grid-template-columns: auto auto minmax(0, 1fr);
    padding: 1rem 0;
  }

  .landing-integration-step-index {
    display: block;
  }

  .landing-integration-step > div {
    grid-column: auto;
  }

  .landing-integration-actions {
    grid-template-columns: minmax(0, 1fr);
    gap: .65rem;
  }

  .landing-integration-code-toolbar {
    padding-inline: .75rem;
  }

  .landing-integration-code-tablist {
    padding-inline: .4rem;
  }

  .landing-integration-code-tab, .light .landing-integration-code-tab {
    min-width: 84px;
    padding-inline: .55rem;
  }

  .landing-integration-code-viewport {
    min-height: 285px;
  }

  .landing-integration-code-content pre > code {
    font-size: .6875rem;
  }

  .landing-integration-receipt {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .landing-integration-receipt code:last-child {
    display: none;
  }
}

@media (max-width: 420px) {
  .landing-integration-code-file code {
    max-width: 9rem;
  }

  html[data-route-shell="landing"] .cheapai-landing .landing-integration-copy-button[data-slot="button"] {
    width: 2rem;
    min-width: 2rem;
    padding-inline: 0;
    font-size: 0;
  }

  .landing-integration-copy-button svg {
    margin: 0;
  }

  .landing-integration-code-line {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .landing-integration-code-viewport {
    background-image: linear-gradient(to right, #0000 0 42px, #f5f5f512 42px 43px, #0000 43px);
  }

  .landing-integration-code-line > i {
    padding-right: .7rem;
  }

  .landing-integration-code-line > span {
    padding-left: .75rem;
  }

  .landing-integration-receipt code {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cheapai-landing .landing-integration-cta, .light .cheapai-landing .landing-integration-cta, html[data-route-shell="landing"] .cheapai-landing .landing-integration-cta[data-slot="button"], .cheapai-landing .landing-integration-copy-button, .cheapai-landing .landing-integration-code-tab {
    transition: none !important;
  }
}

.cheapai-landing section.landing-operations-section, .light .cheapai-landing section.landing-operations-section {
  --mf-operations-paper: #f5f5f3;
  --mf-operations-paper-strong: #fff;
  --mf-operations-ink: #141414;
  --mf-operations-muted: #1414149c;
  --mf-operations-line: #14141429;
  --mf-operations-line-soft: #14141412;
  --mf-operations-acid: #d7ff00;
  isolation: isolate;
  border-block: 1px solid var(--mf-operations-line);
  background: var(--mf-operations-paper);
  color: var(--mf-operations-ink);
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  font-family: var(--mf-landing-sans);
  padding: 0;
  position: relative;
  overflow: hidden;
}

.cheapai-landing section.landing-operations-section:before, .cheapai-landing section.landing-operations-section:after, .light .cheapai-landing section.landing-operations-section:before, .light .cheapai-landing section.landing-operations-section:after {
  content: none;
  display: none;
}

.landing-operations-grid {
  z-index: -1;
  background-image: linear-gradient(to right,
      var(--mf-operations-line-soft) 1px,
      transparent 1px),
    linear-gradient(to bottom,
      var(--mf-operations-line-soft) 1px,
      transparent 1px);
  opacity: .5;
  background-size: 80px 80px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(90deg, #0009, #00000038 52%, #0000 88%);
  mask-image: linear-gradient(90deg, #0009, #00000038 52%, #0000 88%);
}

.landing-operations-shell {
  z-index: 1;
  width: var(--mf-landing-frame-width);
  border-inline: 1px solid var(--mf-operations-line-soft);
  max-width: 80rem;
  padding: var(--mf-landing-section-start) var(--mf-landing-gutter)
    var(--mf-landing-section-end);
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  display: grid;
  position: relative;
}

.landing-operations-heading {
  align-self: center;
  padding-right: clamp(2.5rem, 5vw, 5rem);
}

.landing-operations-eyebrow, .landing-cta-eyebrow {
  font-family: var(--mf-landing-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  gap: .65rem;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.2;
  display: flex;
}

.landing-operations-eyebrow {
  color: #14141494;
}

.landing-operations-eyebrow > span, .landing-cta-eyebrow > span {
  background: var(--mf-operations-acid);
  border: 1px solid;
  flex: none;
  width: .55rem;
  height: .55rem;
  display: inline-block;
  box-shadow: 2px 2px;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-operations-title, .light .cheapai-landing section:not(.landing-neon-hero) .landing-operations-title {
  max-width: 9.4em;
  color: var(--mf-operations-ink);
  font-family: var(--mf-landing-sans);
  font-size: var(--mf-landing-section-title-size);
  letter-spacing: -.052em;
  text-wrap: balance;
  margin: 1.45rem 0 0;
  font-weight: 500;
  line-height: .98;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-operations-copy, .light .cheapai-landing section:not(.landing-neon-hero) .landing-operations-copy {
  max-width: 34rem;
  color: var(--mf-operations-muted);
  font-size: var(--mf-landing-body-size);
  letter-spacing: 0;
  text-wrap: pretty;
  margin: 1.75rem 0 0;
  line-height: 1.62;
}

.landing-operations-contract {
  border-top: 1px solid var(--mf-operations-line);
  color: #1414146e;
  max-width: 34rem;
  font-family: var(--mf-landing-mono);
  letter-spacing: .08em;
  flex-wrap: wrap;
  align-items: center;
  gap: .8rem;
  margin-top: 2.25rem;
  padding-top: 1rem;
  font-size: .5625rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.landing-operations-contract i, .landing-cta-contract i {
  background: var(--mf-operations-acid);
  flex: none;
  width: .35rem;
  height: .35rem;
  transform: rotate(45deg);
}

.landing-operations-list-wrap {
  border-left: 1px solid var(--mf-operations-line);
  min-width: 0;
}

.landing-operations-list {
  border-top: 1px solid var(--mf-operations-line);
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.landing-operations-point {
  border-bottom: 1px solid var(--mf-operations-line);
  min-width: 0;
  min-height: 10.75rem;
  padding: 1.65rem 0 1.75rem clamp(2rem, 4vw, 3.75rem);
  transition: background-color .18s;
  position: relative;
}

.landing-operations-point:before {
  border: 1px solid var(--mf-operations-ink);
  background: var(--mf-operations-acid);
  content: "";
  width: .55rem;
  height: .55rem;
  position: absolute;
  top: 1.85rem;
  left: -.3rem;
}

.landing-operations-point-meta {
  color: #1414146e;
  font-family: var(--mf-landing-mono);
  letter-spacing: .08em;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  font-size: .5625rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.landing-operations-point-meta span {
  color: var(--mf-operations-ink);
}

.landing-operations-point-meta code {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-operations-point h3, .light .cheapai-landing section:not(.landing-neon-hero) .landing-operations-point h3 {
  max-width: 27rem;
  color: var(--mf-operations-ink);
  letter-spacing: -.025em;
  text-wrap: balance;
  margin: 1.15rem 0 0;
  font-size: clamp(1.25rem, 2vw, 1.55rem);
  font-weight: 500;
  line-height: 1.15;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-operations-point p, .light .cheapai-landing section:not(.landing-neon-hero) .landing-operations-point p {
  max-width: 29rem;
  color: var(--mf-operations-muted);
  text-wrap: pretty;
  margin: .75rem 0 0;
  font-size: .9375rem;
  line-height: 1.55;
}

.cheapai-landing section.landing-global-cta-section, .light .cheapai-landing section.landing-global-cta-section {
  --mf-cta-bg: #070708;
  --mf-cta-panel: #0d0d0e;
  --mf-cta-panel-strong: #151516;
  --mf-cta-copy: #f5f5f5;
  --mf-cta-muted: #f5f5f59e;
  --mf-cta-line: #f5f5f52e;
  --mf-cta-line-soft: #f5f5f517;
  --mf-cta-acid: #d7ff00;
  isolation: isolate;
  border-bottom: 1px solid var(--mf-cta-line);
  background: var(--mf-cta-bg);
  color: var(--mf-cta-copy);
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  font-family: var(--mf-landing-sans);
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.landing-global-cta-grid {
  z-index: -1;
  background: radial-gradient(circle at 76% 48%, #d7ff001c, transparent 30rem),
    linear-gradient(to right, var(--mf-cta-line-soft) 1px, transparent 1px),
    linear-gradient(to bottom, var(--mf-cta-line-soft) 1px, transparent 1px);
  opacity: .72;
  background-size: auto, 80px 80px, 80px 80px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(90deg, #00000052, #000000e0 54%, #0000007a);
  mask-image: linear-gradient(90deg, #00000052, #000000e0 54%, #0000007a);
}

.cheapai-landing .landing-cta-content, .light .cheapai-landing .landing-cta-content {
  z-index: 1;
  width: var(--mf-landing-frame-width);
  border-inline: 1px solid var(--mf-cta-line-soft);
  max-width: 80rem;
  min-height: 38rem;
  padding: clamp(5.5rem, 7.5vw, 6.75rem) var(--mf-landing-gutter);
  text-align: left;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: clamp(3rem, 5vw, 5rem);
  display: grid;
  position: relative;
}

.landing-cta-copy {
  min-width: 0;
}

.landing-cta-eyebrow {
  color: #f5f5f594;
}

.landing-cta-eyebrow > span {
  border-color: var(--mf-cta-acid);
  background: var(--mf-cta-acid);
  box-shadow: 0 0 18px #d7ff0080;
}

.cheapai-landing section:not(.landing-neon-hero) .landing-cta-title, .light .cheapai-landing section:not(.landing-neon-hero) .landing-cta-title {
  max-width: 8.5em;
  color: var(--mf-cta-copy);
  font-family: var(--mf-landing-sans);
  font-size: var(--mf-landing-section-title-size);
  letter-spacing: -.052em;
  text-wrap: balance;
  margin: 1.45rem 0 0;
  font-weight: 500;
  line-height: .98;
}

.cheapai-landing section:not(.landing-neon-hero) p.landing-cta-subtitle, .light .cheapai-landing section:not(.landing-neon-hero) p.landing-cta-subtitle {
  max-width: 31rem;
  color: var(--mf-cta-muted);
  font-size: var(--mf-landing-body-size);
  letter-spacing: 0;
  text-wrap: pretty;
  margin: 1.75rem 0 0;
  line-height: 1.62;
}

.cheapai-landing .landing-cta-actions, .light .cheapai-landing .landing-cta-actions {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: .5rem;
  width: auto;
  margin-top: 2.25rem;
  display: flex;
}

.cheapai-landing .landing-cta-action, .light .cheapai-landing .landing-cta-action, html[data-route-shell="landing"] .cheapai-landing .landing-cta-action[data-slot="button"] {
  min-height: 3rem;
  margin: 0;
  padding-inline: .875rem;
  font-size: .8125rem;
  font-weight: 600;
  border-radius: 3px !important;
  transition: border-color .18s, background-color .18s, color .18s, transform .18s !important;
}

.cheapai-landing .landing-cta-action-primary, .light .cheapai-landing .landing-cta-action-primary, html[data-route-shell="landing"] .cheapai-landing .landing-cta-action-primary[data-slot="button"] {
  border-color: var(--mf-cta-acid) !important;
  background: var(--mf-cta-acid) !important;
  color: #080a07 !important;
}

.cheapai-landing .landing-cta-action-primary:hover, .light .cheapai-landing .landing-cta-action-primary:hover, html[data-route-shell="landing"] .cheapai-landing .landing-cta-action-primary[data-slot="button"]:hover {
  transform: translateY(-1px);
  color: #080a07 !important;
  background: #e3ff52 !important;
  border-color: #e3ff52 !important;
}

.cheapai-landing .landing-cta-action-secondary, .light .cheapai-landing .landing-cta-action-secondary, html[data-route-shell="landing"] .cheapai-landing .landing-cta-action-secondary[data-slot="button"] {
  border-color: var(--mf-cta-line) !important;
  color: var(--mf-cta-copy) !important;
  background: #f5f5f508 !important;
}

.cheapai-landing .landing-cta-action-secondary:hover, .light .cheapai-landing .landing-cta-action-secondary:hover, html[data-route-shell="landing"] .cheapai-landing .landing-cta-action-secondary[data-slot="button"]:hover {
  transform: translateY(-1px);
  color: var(--mf-cta-acid) !important;
  background: #d7ff0014 !important;
  border-color: #d7ff0094 !important;
}

.landing-cta-contract {
  border-top: 1px solid var(--mf-cta-line-soft);
  color: #f5f5f56b;
  max-width: 32rem;
  font-family: var(--mf-landing-mono);
  letter-spacing: .07em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  margin-top: 2rem;
  padding-top: 1rem;
  font-size: .5625rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.landing-cta-contract i {
  background: var(--mf-cta-acid);
}

.landing-cta-map-stage {
  border: 1px solid var(--mf-cta-line);
  background: var(--mf-cta-panel);
  min-width: 0;
  box-shadow: 12px 12px #d7ff0014;
}

.landing-cta-map-status, .landing-cta-map-footer {
  font-family: var(--mf-landing-mono);
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: .5625rem;
  font-weight: 600;
  line-height: 1;
}

.landing-cta-map-status {
  border-bottom: 1px solid var(--mf-cta-line-soft);
  color: #f5f5f570;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 2.75rem;
  padding-inline: 1rem;
  display: flex;
}

.landing-cta-map-status > span:first-child {
  color: var(--mf-cta-acid);
  align-items: center;
  gap: .55rem;
  display: flex;
}

.landing-cta-map-status i {
  background: var(--mf-cta-acid);
  border-radius: 999px;
  width: .42rem;
  height: .42rem;
  box-shadow: 0 0 14px #d7ff00b3;
}

.cheapai-landing .landing-cta-map-shell, .light .cheapai-landing .landing-cta-map-shell {
  pointer-events: none;
  width: 100%;
  margin: 0;
  padding: .5rem;
  position: relative;
}

.cheapai-landing .landing-cta-world-map, .light .cheapai-landing .landing-cta-world-map {
  aspect-ratio: 1.85;
  filter: saturate(1.04);
  background: radial-gradient(54% 48% at 52% 48%, #d7ff0014, #0000 72%);
  overflow: hidden;
}

.cheapai-landing .landing-cta-world-map:after, .light .cheapai-landing .landing-cta-world-map:after {
  background: linear-gradient(90deg,
      var(--mf-cta-panel) 0%,
      transparent 10%,
      transparent 90%,
      var(--mf-cta-panel) 100%),
    linear-gradient(180deg,
      var(--mf-cta-panel) 0%,
      transparent 14%,
      transparent 84%,
      var(--mf-cta-panel) 100%);
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.cheapai-landing .landing-cta-world-map img, .light .cheapai-landing .landing-cta-world-map img {
  opacity: .76;
}

.landing-cta-map-footer {
  border-top: 1px solid var(--mf-cta-line-soft);
  color: #f5f5f559;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-height: 2.5rem;
  display: grid;
}

.landing-cta-map-footer span {
  border-right: 1px solid var(--mf-cta-line-soft);
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  min-width: 0;
  padding-inline: .75rem;
  display: flex;
  overflow: hidden;
}

.landing-cta-map-footer span:last-child {
  border-right: 0;
}

@media (max-width: 1024px) {
  .landing-operations-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  .landing-operations-heading {
    max-width: 50rem;
    padding-right: 0;
  }

  .landing-operations-list-wrap {
    border-left: 0;
    margin-top: 4rem;
  }

  .landing-operations-point {
    padding-left: 2.25rem;
  }

  .landing-operations-point:before {
    left: 0;
  }

  .cheapai-landing .landing-cta-content, .light .cheapai-landing .landing-cta-content {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  .landing-cta-copy {
    max-width: 43rem;
  }

  .landing-cta-map-stage {
    width: min(100%, 47rem);
  }
}

@media (max-width: 639px) {
  .landing-operations-grid {
    background-size: 56px 56px;
    -webkit-mask-image: linear-gradient(#00000080, #0000 72%);
    mask-image: linear-gradient(#00000080, #0000 72%);
  }

  .landing-operations-shell {
    width: 100%;
    padding: var(--mf-landing-section-start) var(--mf-landing-gutter)
      var(--mf-landing-section-end);
    border-inline: 0;
  }

  .landing-operations-eyebrow, .landing-cta-eyebrow {
    font-size: .625rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-operations-title, .light .cheapai-landing section:not(.landing-neon-hero) .landing-operations-title, .cheapai-landing section:not(.landing-neon-hero) .landing-cta-title, .light .cheapai-landing section:not(.landing-neon-hero) .landing-cta-title {
    letter-spacing: -.045em;
    max-width: 100%;
    margin-top: 1.15rem;
    font-size: clamp(2.65rem, 11.5vw, 3.5rem);
    line-height: .98;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-operations-copy, .light .cheapai-landing section:not(.landing-neon-hero) .landing-operations-copy, .cheapai-landing section:not(.landing-neon-hero) p.landing-cta-subtitle, .light .cheapai-landing section:not(.landing-neon-hero) p.landing-cta-subtitle {
    margin-top: 1.25rem;
    font-size: .9375rem;
    line-height: 1.58;
  }

  .landing-operations-contract {
    margin-top: 1.75rem;
  }

  .landing-operations-list-wrap {
    margin-top: 3rem;
  }

  .landing-operations-point {
    min-height: 0;
    padding: 1.4rem 0 1.5rem 1.5rem;
  }

  .landing-operations-point:before {
    width: .45rem;
    height: .45rem;
    top: 1.55rem;
  }

  .cheapai-landing section:not(.landing-neon-hero) .landing-operations-point h3, .light .cheapai-landing section:not(.landing-neon-hero) .landing-operations-point h3 {
    font-size: 1.2rem;
  }

  .landing-global-cta-grid {
    background-size: auto, 56px 56px, 56px 56px;
  }

  .cheapai-landing .landing-cta-content, .light .cheapai-landing .landing-cta-content {
    width: 100%;
    padding: 4rem var(--mf-landing-gutter) 4.5rem;
    border-inline: 0;
    gap: 2.75rem;
  }

  .cheapai-landing .landing-cta-actions, .light .cheapai-landing .landing-cta-actions {
    grid-template-columns: minmax(0, 1fr);
    gap: .65rem;
    width: 100%;
    margin-top: 1.75rem;
    display: grid;
  }

  .cheapai-landing .landing-cta-action, .light .cheapai-landing .landing-cta-action, html[data-route-shell="landing"] .cheapai-landing .landing-cta-action[data-slot="button"] {
    width: 100%;
  }

  .landing-cta-contract {
    letter-spacing: .04em;
    text-align: center;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    font-size: .5rem;
    line-height: 1.15;
    display: grid;
  }

  .landing-cta-contract span {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .landing-cta-contract i {
    display: none;
  }

  .landing-cta-map-stage {
    width: 100%;
    box-shadow: 7px 7px #d7ff0014;
  }

  .landing-cta-map-status > span:last-child {
    display: none;
  }

  .cheapai-landing .landing-cta-map-shell, .light .cheapai-landing .landing-cta-map-shell {
    padding: .25rem;
  }

  .cheapai-landing .landing-cta-world-map, .light .cheapai-landing .landing-cta-world-map {
    aspect-ratio: 1.8;
  }

  .landing-cta-map-footer {
    font-size: .5rem;
  }

  .landing-cta-map-footer span {
    justify-content: center;
    padding-inline: .35rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-operations-point, .cheapai-landing .landing-cta-action, .light .cheapai-landing .landing-cta-action {
    transition: none !important;
  }
}

.cheapai-landing .landing-footer {
  --mf-footer-bg: #09090a;
  --mf-footer-copy: #f5f5f5;
  --mf-footer-muted: #f5f5f5a8;
  --mf-footer-muted-soft: #f5f5f573;
  --mf-footer-line: #f5f5f521;
  --mf-footer-line-soft: #f5f5f514;
  --mf-footer-accent: #d7ff00;
  --mf-footer-warning: #e8b96c;
  border-top: 1px solid var(--mf-footer-line);
  background: var(--mf-footer-bg);
  color: var(--mf-footer-copy);
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  font-family: var(--mf-landing-sans);
  position: relative;
  overflow: clip;
}

.cheapai-landing .landing-footer-shell {
  width: var(--mf-landing-frame-width);
  max-width: 80rem;
  padding: 0 var(--mf-landing-gutter);
  position: relative;
}

.cheapai-landing .landing-footer-trust-rail {
  border-bottom: 1px solid var(--mf-footer-line);
  min-height: 4.5rem;
  color: var(--mf-footer-muted);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  font-size: .75rem;
  line-height: 1.4;
  display: grid;
}

.cheapai-landing .landing-footer-health, .cheapai-landing .landing-footer-language-count, .cheapai-landing .landing-footer-regions-link {
  align-items: center;
  gap: .625rem;
  min-width: 0;
  display: inline-flex;
}

.cheapai-landing .landing-footer-health {
  color: var(--mf-footer-muted);
  font-family: var(--mf-landing-mono);
  letter-spacing: .01em;
  justify-self: start;
  font-size: .6875rem;
  text-decoration: none;
  transition: color .16s;
}

.cheapai-landing .landing-footer-health:hover {
  color: var(--mf-footer-copy);
}

.cheapai-landing .landing-footer-health-dot {
  background: var(--mf-footer-muted-soft);
  border-radius: 999px;
  flex: none;
  width: .42rem;
  height: .42rem;
}

.cheapai-landing .landing-footer-health.is-operational .landing-footer-health-dot {
  background: var(--mf-footer-accent);
}

.cheapai-landing .landing-footer-health.is-unavailable .landing-footer-health-dot {
  background: var(--mf-footer-warning);
}

.cheapai-landing .landing-footer-language-count {
  justify-self: center;
}

.cheapai-landing .landing-footer-trust-value {
  color: var(--mf-footer-copy);
  font-family: var(--mf-landing-mono);
  font-size: .75rem;
  font-weight: 600;
}

.cheapai-landing .landing-footer-regions-link {
  color: var(--mf-footer-muted);
  text-align: end;
  text-underline-offset: .25rem;
  justify-self: end;
  text-decoration: none;
}

.cheapai-landing .landing-footer-regions-link:hover {
  color: var(--mf-footer-copy);
  text-decoration: underline;
}

.cheapai-landing .landing-footer-grid {
  grid-template-columns: minmax(16rem, 1.6fr) repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: clamp(2rem, 4vw, 4rem);
  padding-block: clamp(3.75rem, 5vw, 4.5rem) clamp(3.25rem, 4.5vw, 4rem);
  display: grid;
}

.cheapai-landing .landing-footer-brand {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  min-width: 0;
  display: flex;
}

.cheapai-landing .landing-footer-brand-link {
  color: var(--mf-footer-copy);
  text-decoration: none;
  display: inline-flex;
}

.cheapai-landing .landing-footer-wordmark-logo {
  color: var(--mf-footer-copy);
  font-size: 1.8rem;
}

.cheapai-landing .landing-footer-wordmark-logo > svg:first-child > path:first-of-type {
  stroke: var(--mf-footer-copy);
}

.cheapai-landing .landing-footer-wordmark-logo > svg:last-child path {
  fill: var(--mf-footer-copy);
}

.cheapai-landing .landing-footer-attribution {
  color: #f5f5f594;
  font-family: var(--mf-landing-mono);
  letter-spacing: .01em;
  flex-direction: column;
  gap: .125rem;
  margin: 1rem 0 0;
  font-size: .75rem;
  line-height: 1.5;
  display: flex;
}

.cheapai-landing .landing-footer-column {
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
  display: flex;
}

.cheapai-landing .landing-footer-heading {
  color: var(--mf-footer-copy);
  letter-spacing: .02em;
  margin: 0;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.35;
}

.cheapai-landing .landing-footer-list {
  flex-direction: column;
  gap: .45rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.cheapai-landing .landing-footer-link {
  max-width: 14rem;
  min-height: 1.8rem;
  color: var(--mf-footer-muted);
  text-underline-offset: .25rem;
  align-items: center;
  font-size: .8125rem;
  line-height: 1.45;
  text-decoration: none;
  transition: color .16s;
  display: inline-flex;
}

.cheapai-landing .landing-footer-link:hover {
  color: var(--mf-footer-copy);
  text-decoration: underline;
}

.cheapai-landing .landing-footer-brand-link:focus-visible, .cheapai-landing .landing-footer-link:focus-visible, .cheapai-landing .landing-footer-health:focus-visible, .cheapai-landing .landing-footer-regions-link:focus-visible {
  outline: 2px solid var(--mf-footer-accent);
  outline-offset: 4px;
  border-radius: 2px;
}

@media (max-width: 1100px) {
  .cheapai-landing .landing-footer-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .cheapai-landing .landing-footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 800px) {
  .cheapai-landing .landing-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.5rem 2rem;
  }

  .cheapai-landing .landing-footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 600px) {
  .cheapai-landing .landing-footer-shell {
    width: 100%;
    padding: 0 var(--mf-landing-gutter);
  }

  .cheapai-landing .landing-footer-trust-rail {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .cheapai-landing .landing-footer-health, .cheapai-landing .landing-footer-language-count {
    min-height: 3.75rem;
  }

  .cheapai-landing .landing-footer-language-count {
    justify-self: end;
  }

  .cheapai-landing .landing-footer-regions-link {
    border-top: 1px solid var(--mf-footer-line-soft);
    text-align: start;
    grid-column: 1 / -1;
    justify-self: stretch;
    min-height: 3.5rem;
  }

  .cheapai-landing .landing-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.35rem 1.5rem;
    padding-block: 3rem 2.75rem;
  }

  .cheapai-landing .landing-footer-grid .landing-footer-column:last-child {
    grid-column: auto;
  }

  .cheapai-landing .landing-footer-link {
    min-height: 2rem;
  }
}

@media (max-width: 374px) {
  .cheapai-landing .landing-footer-trust-rail {
    grid-template-columns: minmax(0, 1fr);
  }

  .cheapai-landing .landing-footer-health, .cheapai-landing .landing-footer-language-count {
    justify-self: start;
    min-height: 3.25rem;
  }

  .cheapai-landing .landing-footer-language-count {
    border-top: 1px solid var(--mf-footer-line-soft);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cheapai-landing .landing-footer-link {
    transition: none;
  }
}

html[data-route-shell="landing"] {
  --mf-landing-frame-width: min(calc(100% - 48px), 80rem);
  --mf-landing-header-inline: 2rem;
  --mf-landing-rail-line: #80808042;
  --mf-landing-rail-node: #80808085;
  --mf-landing-rail-node-size: 5px;
  --mf-landing-radius-action: 3px;
  --mf-landing-radius-panel: 4px;
  --mf-landing-radius-micro: 2px;
  --mf-landing-grid-unit: 80px;
  --mf-landing-motion-fast: .16s;
  --mf-landing-motion-normal: .56s;
  --mf-landing-ease-interface: cubic-bezier(.2, .8, .2, 1);
}

@media (max-width: 1279px) {
  html[data-route-shell="landing"] {
    --mf-landing-frame-width: min(calc(100% - 32px), 77.5rem);
    --mf-landing-header-inline: 1.75rem;
  }
}

@media (max-width: 700px) {
  html[data-route-shell="landing"] {
    --mf-landing-frame-width: 100%;
    --mf-landing-header-inline: 0px;
  }
}

.cheapai-landing .landing-neon-hero {
  --mf-hero-line: #f5f5f526;
  --mf-hero-line-soft: #f5f5f514;
}

.cheapai-landing section.landing-model-catalog-section, .light .cheapai-landing section.landing-model-catalog-section {
  --mf-catalog-line: #14141421;
  --mf-catalog-line-strong: #1414143d;
}

.cheapai-landing section.landing-integration-section, .light .cheapai-landing section.landing-integration-section {
  --mf-integration-line: #14141433;
  --mf-integration-dark-line: #f5f5f521;
}

.cheapai-landing section.landing-operations-section, .light .cheapai-landing section.landing-operations-section {
  --mf-operations-line: #14141429;
  --mf-operations-line-soft: #14141412;
}

.cheapai-landing section.landing-global-cta-section, .light .cheapai-landing section.landing-global-cta-section {
  --mf-cta-line: #f5f5f529;
  --mf-cta-line-soft: #f5f5f514;
}

.cheapai-landing .landing-footer {
  --mf-footer-line: #f5f5f51f;
  --mf-footer-line-soft: #f5f5f512;
}

.cheapai-landing .landing-neon-hero .landing-hero-surface:before, .light .cheapai-landing .landing-neon-hero .landing-hero-surface:before, .landing-model-catalog-grid, .landing-integration-grid, .landing-operations-grid {
  background-size: var(--mf-landing-grid-unit) var(--mf-landing-grid-unit);
}

.landing-global-cta-grid {
  background-size: auto,
    var(--mf-landing-grid-unit) var(--mf-landing-grid-unit),
    var(--mf-landing-grid-unit) var(--mf-landing-grid-unit);
}

@media (min-width: 640px) {
  .landing-model-catalog-shell {
    border-inline: 1px solid #14141412;
  }

  .landing-integration-shell {
    border-inline: 1px solid #14141417;
  }
}

.landing-public-header {
  background: var(--bird-background);
  border-bottom-color: var(--mf-landing-rail-line) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-public-header {
    background: color-mix(in oklab, var(--bird-background) 78%, transparent);
  }
}

.landing-public-header {
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  backdrop-filter: blur(20px) saturate(140%);
  box-shadow: none;
}

.landing-public-header > div {
  box-sizing: border-box;
  width: var(--mf-landing-frame-width, min(calc(100% - 48px), 80rem));
  border-inline: 1px solid var(--mf-landing-rail-line);
  max-width: 80rem;
  padding-inline: 0;
  position: relative;
}

.landing-public-header nav {
  gap: 1rem;
  min-height: 56px !important;
  padding-block: .5rem !important;
  padding-inline: var(--mf-landing-header-inline) !important;
  border-bottom: 0 !important;
}

.landing-public-header .landing-header-nav {
  border: 1px solid var(--bird-foreground);
  flex: none;
  gap: 0;
  max-width: none;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-public-header .landing-header-nav {
    border: 1px solid color-mix(in srgb, var(--bird-foreground) 8%, transparent);
  }
}

.landing-public-header .landing-header-nav {
  border-radius: var(--mf-landing-radius-panel);
  background: var(--bird-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-public-header .landing-header-nav {
    background: color-mix(in srgb, var(--bird-foreground) 3%, transparent);
  }
}

.landing-public-header .landing-header-nav {
  box-shadow: none;
  padding: 3px;
}

.landing-public-header .landing-header-nav-list {
  gap: 2px;
}

.landing-public-header .landing-header-actions {
  align-items: center;
  gap: .375rem;
  display: flex;
}

.landing-public-header .landing-header-separator {
  background: var(--landing-divider-line);
  align-self: center;
  width: 1px;
  height: 20px;
  margin-inline: .125rem;
}

.landing-public-header .landing-header-link, .landing-public-header .landing-language-trigger, .landing-public-header .theme-switch-trigger, .landing-public-header .landing-header-cta {
  border-radius: var(--mf-landing-radius-action) !important;
}

.landing-public-header .landing-header-link {
  opacity: .62;
  min-height: 30px;
  transition: border-color var(--mf-landing-motion-fast) var(--mf-landing-ease-interface),
    background-color var(--mf-landing-motion-fast)
      var(--mf-landing-ease-interface),
    color var(--mf-landing-motion-fast) var(--mf-landing-ease-interface),
    opacity var(--mf-landing-motion-fast) var(--mf-landing-ease-interface);
  background: none;
  border: 1px solid #0000;
  padding-block: 0;
  padding-inline: .75rem;
  font-size: 13px;
}

.landing-public-header .landing-header-link:hover {
  background: var(--bird-foreground);
  border-color: #0000;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-public-header .landing-header-link:hover {
    background: color-mix(in srgb, var(--bird-foreground) 4.5%, transparent);
  }
}

.landing-public-header .landing-header-link:hover {
  opacity: .9;
}

.landing-public-header .landing-header-link.active, .landing-public-header .landing-header-link[data-active], .landing-public-header .landing-header-link[data-status="active"] {
  border-color: var(--bird-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-public-header .landing-header-link.active, .landing-public-header .landing-header-link[data-active], .landing-public-header .landing-header-link[data-status="active"] {
    border-color: color-mix(in srgb, var(--bird-foreground) 8%, transparent);
  }
}

.landing-public-header .landing-header-link.active, .landing-public-header .landing-header-link[data-active], .landing-public-header .landing-header-link[data-status="active"] {
  background: var(--bird-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-public-header .landing-header-link.active, .landing-public-header .landing-header-link[data-active], .landing-public-header .landing-header-link[data-status="active"] {
    background: color-mix(in srgb, var(--bird-foreground) 7%, transparent);
  }
}

.landing-public-header .landing-header-link.active, .landing-public-header .landing-header-link[data-active], .landing-public-header .landing-header-link[data-status="active"] {
  color: var(--bird-foreground);
  box-shadow: none;
  opacity: 1;
}

.landing-public-header .landing-header-language-trigger {
  justify-content: flex-start;
  min-width: 8.75rem;
  border-color: var(--bird-foreground) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-public-header .landing-header-language-trigger {
    border-color: color-mix(in srgb,
    var(--bird-foreground) 11%,
    transparent) !important;
  }
}

.landing-public-header .landing-header-language-trigger {
  color: var(--bird-foreground) !important;
  background: none !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-public-header .landing-header-language-trigger {
    color: color-mix(in srgb, var(--bird-foreground) 68%, transparent) !important;
  }
}

.landing-public-header .landing-header-language-trigger {
  box-shadow: none !important;
}

.landing-public-header .landing-header-language-trigger > span {
  text-align: start;
  flex: 1;
  min-width: 0;
}

.landing-public-header .landing-header-language-trigger:hover, .landing-public-header .landing-header-language-trigger[aria-expanded="true"] {
  border-color: var(--bird-foreground) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-public-header .landing-header-language-trigger:hover, .landing-public-header .landing-header-language-trigger[aria-expanded="true"] {
    border-color: color-mix(in srgb,
    var(--bird-foreground) 22%,
    transparent) !important;
  }
}

.landing-public-header .landing-header-language-trigger:hover, .landing-public-header .landing-header-language-trigger[aria-expanded="true"] {
  background: var(--bird-foreground) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .landing-public-header .landing-header-language-trigger:hover, .landing-public-header .landing-header-language-trigger[aria-expanded="true"] {
    background: color-mix(in srgb,
    var(--bird-foreground) 5%,
    transparent) !important;
  }
}

.landing-public-header .landing-header-language-trigger:hover, .landing-public-header .landing-header-language-trigger[aria-expanded="true"] {
  color: var(--bird-foreground) !important;
}

html.light[data-route-shell="landing"] .landing-public-header .landing-header-cta[data-slot="button"] {
  border-color: var(--bird-black) !important;
  background: var(--bird-black) !important;
  color: var(--bird-white) !important;
  box-shadow: none !important;
}

html.light[data-route-shell="landing"] .landing-public-header .landing-header-cta[data-slot="button"]:is(:hover, :focus-visible) {
  border-color: var(--bird-black) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  html.light[data-route-shell="landing"] .landing-public-header .landing-header-cta[data-slot="button"]:is(:hover, :focus-visible) {
    border-color: color-mix(in srgb,
    var(--bird-black) 86%,
    var(--bird-white)) !important;
  }
}

html.light[data-route-shell="landing"] .landing-public-header .landing-header-cta[data-slot="button"]:is(:hover, :focus-visible) {
  background: var(--bird-black) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  html.light[data-route-shell="landing"] .landing-public-header .landing-header-cta[data-slot="button"]:is(:hover, :focus-visible) {
    background: color-mix(in srgb,
    var(--bird-black) 86%,
    var(--bird-white)) !important;
  }
}

html.light[data-route-shell="landing"] .landing-public-header .landing-header-cta[data-slot="button"]:is(:hover, :focus-visible) {
  color: var(--bird-white) !important;
}

html.light[data-route-shell="landing"] .landing-public-header .landing-header-cta[data-slot="button"]:focus-visible {
  outline: 2px solid var(--bird-black);
}

@supports (color: color-mix(in lab, red, red)) {
  html.light[data-route-shell="landing"] .landing-public-header .landing-header-cta[data-slot="button"]:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--bird-black) 38%, transparent);
  }
}

html.light[data-route-shell="landing"] .landing-public-header .landing-header-cta[data-slot="button"]:focus-visible {
  outline-offset: 2px;
}

html.light[data-route-shell="landing"] .landing-public-header .landing-header-cta[data-slot="button"]:active {
  border-color: var(--bird-black) !important;
  background: var(--bird-black) !important;
  color: var(--bird-white) !important;
}

html[data-route-shell="landing"] .cheapai-landing [data-slot="button"], .cheapai-landing .landing-model-provider-filter [data-slot="toggle-group-item"], .cheapai-landing .landing-model-catalog-state [data-slot="button"] {
  border-radius: var(--mf-landing-radius-action) !important;
}

html[data-route-shell="landing"] .cheapai-landing section:not(.landing-neon-hero) .landing-model-provider-filter [data-slot="toggle-group-item"] {
  border-radius: var(--mf-landing-radius-action) !important;
  transition: border-color var(--mf-landing-motion-fast) var(--mf-landing-ease-interface),
    background-color var(--mf-landing-motion-fast)
      var(--mf-landing-ease-interface),
    color var(--mf-landing-motion-fast) var(--mf-landing-ease-interface),
    box-shadow var(--mf-landing-motion-fast) var(--mf-landing-ease-interface),
    transform var(--mf-landing-motion-fast) var(--mf-landing-ease-interface) !important;
}

html[data-route-shell="landing"] .cheapai-landing section:not(.landing-neon-hero) .landing-integration-code-tab[data-slot="tabs-trigger"] {
  border-radius: var(--mf-landing-radius-action) !important;
  transition: background-color var(--mf-landing-motion-fast)
      var(--mf-landing-ease-interface),
    color var(--mf-landing-motion-fast) var(--mf-landing-ease-interface) !important;
}

.landing-product-poster.landing-route-console, .landing-cta-map-stage {
  border-radius: var(--mf-landing-radius-panel);
  overflow: hidden;
}

@media (min-width: 640px) {
  .landing-model-catalog-stage, .landing-integration-stage {
    border-radius: var(--mf-landing-radius-panel);
  }
}

.cheapai-landing .landing-model-catalog-cta, .cheapai-landing .landing-integration-cta, .cheapai-landing .landing-integration-copy-button, .cheapai-landing .landing-cta-action, .cheapai-landing .landing-neon-button, html[data-route-shell="landing"] .cheapai-landing .landing-integration-cta[data-slot="button"], html[data-route-shell="landing"] .cheapai-landing .landing-integration-copy-button[data-slot="button"] {
  border-radius: var(--mf-landing-radius-action) !important;
  transition: border-color var(--mf-landing-motion-fast) var(--mf-landing-ease-interface),
    background-color var(--mf-landing-motion-fast)
      var(--mf-landing-ease-interface),
    color var(--mf-landing-motion-fast) var(--mf-landing-ease-interface),
    box-shadow var(--mf-landing-motion-fast) var(--mf-landing-ease-interface),
    transform var(--mf-landing-motion-fast) var(--mf-landing-ease-interface) !important;
}

.cheapai-landing :is(.landing-model-catalog-cta, .landing-integration-cta, .landing-cta-action, .landing-neon-button):hover {
  transform: translateY(-1px);
}

html[data-route-shell="landing"] .cheapai-landing .landing-integration-cta[data-slot="button"]:hover {
  transform: translateY(-1px) !important;
}

.cheapai-landing :is(.landing-model-catalog-cta, .landing-integration-cta, .landing-cta-action, .landing-neon-button):active {
  transform: translateY(0);
}

.cheapai-landing [data-slot="button"] [data-icon="inline-end"] {
  transition: transform var(--mf-landing-motion-fast)
    var(--mf-landing-ease-interface);
}

.cheapai-landing [data-slot="button"]:hover [data-icon="inline-end"] {
  transform: translate(2px, -1px);
}

.cheapai-landing .landing-model-catalog-cta-primary, .light .cheapai-landing .landing-model-catalog-cta-primary, html[data-route-shell="landing"] .cheapai-landing .landing-model-catalog-cta-primary[data-slot="button"], .cheapai-landing .landing-integration-cta-primary, .light .cheapai-landing .landing-integration-cta-primary, html[data-route-shell="landing"] .cheapai-landing .landing-integration-cta-primary[data-slot="button"] {
  box-shadow: 3px 3px #b6dc00 !important;
}

.cheapai-landing .landing-model-catalog-cta-primary:hover, .light .cheapai-landing .landing-model-catalog-cta-primary:hover, html[data-route-shell="landing"] .cheapai-landing .landing-model-catalog-cta-primary[data-slot="button"]:hover, .cheapai-landing .landing-integration-cta-primary:hover, .light .cheapai-landing .landing-integration-cta-primary:hover, html[data-route-shell="landing"] .cheapai-landing .landing-integration-cta-primary[data-slot="button"]:hover {
  box-shadow: 4px 4px #b6dc00 !important;
}

.landing-model-catalog-kicker > span, .landing-integration-eyebrow > span, .landing-operations-eyebrow > span, .landing-cta-eyebrow > span {
  width: .5625rem;
  height: .5625rem;
}

.landing-model-catalog-kicker > span, .landing-integration-eyebrow > span, .landing-operations-eyebrow > span {
  box-shadow: 2px 2px;
}

.landing-cta-eyebrow > span {
  box-shadow: 2px 2px #f4f7ef4d;
}

.landing-neon-capability-heading svg {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.landing-operations-point:hover {
  background: #d7ff000f;
}

.landing-animate-fade-up, .landing-animate-scale-in {
  animation-duration: var(--mf-landing-motion-normal);
  animation-timing-function: var(--mf-landing-ease-interface);
}

.landing-animate-fade-in {
  animation-duration: .44s;
  animation-timing-function: ease-out;
}

@media (max-width: 639px) {
  html[data-route-shell="landing"] {
    --mf-landing-grid-unit: 56px;
  }

  .landing-public-header > div {
    width: calc(100% - 32px);
    padding-inline: 0;
  }

  .landing-public-header nav {
    min-height: 48px !important;
  }

  html[data-route-shell="landing"] .landing-public-header + div[class*="fixed"] {
    color: var(--foreground);
    background: var(--background) !important;
  }

  html[data-route-shell="landing"] .landing-public-header + div[class*="fixed"] > div {
    width: min(100%, 32rem);
    margin-inline: auto;
    padding: 5rem 1rem 2rem;
  }

  html[data-route-shell="landing"] .landing-public-header + div[class*="fixed"] > div > nav {
    border-top: 1px solid var(--foreground);
    gap: 0;
  }

  @supports (color: color-mix(in lab, red, red)) {
    html[data-route-shell="landing"] .landing-public-header + div[class*="fixed"] > div > nav {
      border-top: 1px solid color-mix(in srgb, var(--foreground) 9%, transparent);
    }
  }

  html[data-route-shell="landing"] .landing-public-header + div[class*="fixed"] > div > nav > a {
    border-bottom: 1px solid
      var(--foreground);
    min-height: 54px;
  }

  @supports (color: color-mix(in lab, red, red)) {
    html[data-route-shell="landing"] .landing-public-header + div[class*="fixed"] > div > nav > a {
      border-bottom: 1px solid
      color-mix(in srgb, var(--foreground) 9%, transparent);
    }
  }

  html[data-route-shell="landing"] .landing-public-header + div[class*="fixed"] > div > nav > a {
    padding-inline: .25rem;
    font-size: 1.0625rem;
  }

  html[data-route-shell="landing"] .landing-public-header + div[class*="fixed"] > div > nav > a[data-status="active"] {
    background: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    html[data-route-shell="landing"] .landing-public-header + div[class*="fixed"] > div > nav > a[data-status="active"] {
      background: color-mix(in srgb, var(--foreground) 4%, transparent);
    }
  }

  html[data-route-shell="landing"] .landing-public-header + div[class*="fixed"] > div > nav > a[data-status="active"] {
    color: var(--foreground);
  }

  .landing-model-catalog-shell, .landing-integration-shell {
    border-inline: 0;
  }

  .landing-model-catalog-stage, .landing-integration-stage {
    border-radius: 0;
  }
}

@media (min-width: 640px) and (max-width: 860px) {
  .landing-public-header .landing-header-nav {
    display: flex;
  }

  .landing-public-header .landing-header-link {
    padding-inline: .5rem;
    font-size: 12px;
  }

  .landing-public-header .landing-header-actions {
    gap: .25rem;
  }

  .landing-public-header .landing-language-trigger {
    justify-content: center;
    width: 30px;
    min-width: 30px;
    padding-inline: 0;
  }

  .landing-public-header .landing-language-trigger span:not(.sr-only), .landing-public-header .landing-language-trigger [data-icon="inline-end"] {
    display: none;
  }
}

@media (min-width: 640px) and (max-width: 740px) {
  .landing-public-header .landing-header-wordmark {
    font-size: 1.5rem;
  }

  .landing-public-header .landing-header-nav {
    padding: 2px;
  }

  .landing-public-header .landing-header-nav-list {
    gap: 0;
  }

  html[data-route-shell="landing"] .landing-public-header .landing-header-nav .landing-header-link {
    min-height: 28px;
    padding-inline: .35rem !important;
    font-size: 11px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .landing-public-header .landing-header-link, .cheapai-landing [data-slot="button"], .cheapai-landing [data-slot="button"] [data-icon="inline-end"] {
    transition: none !important;
  }

  .cheapai-landing :is(.landing-model-catalog-cta, .landing-integration-cta, .landing-cta-action, .landing-neon-button):hover, .cheapai-landing [data-slot="button"]:hover [data-icon="inline-end"] {
    transform: none;
  }
}

.landing-public-header > div:before, .landing-public-header > div:after, .landing-section-divider:before, .landing-section-divider:after {
  z-index: 3;
  width: var(--mf-landing-rail-node-size);
  height: var(--mf-landing-rail-node-size);
  background: var(--mf-landing-rail-node);
  content: "";
  pointer-events: none;
  position: absolute;
}

.landing-public-header > div:before, .landing-public-header > div:after {
  bottom: 0;
}

.landing-public-header > div:before {
  left: 0;
  transform: translate(-50%, 50%);
}

.landing-public-header > div:after {
  right: 0;
  transform: translate(50%, 50%);
}

html[data-route-shell="landing"] :is(.landing-neon-hero-inner, .landing-model-catalog-shell, .landing-integration-shell, .landing-operations-shell, .landing-cta-content, .landing-footer-shell, .cheapai-public-surface .public-page-frame) {
  border-inline: 1px solid var(--mf-landing-rail-line);
}

html[data-route-shell="landing"] .landing-page-home > :is(section.landing-model-catalog-section, section.landing-integration-section, section.landing-operations-section, section.landing-global-cta-section) {
  border-block: 0;
}

html[data-route-shell="landing"] .landing-page-home > .landing-footer {
  border-top: 0;
}

.landing-section-divider[data-slot="separator"] {
  z-index: 4;
  background: var(--mf-landing-rail-line);
  border: 0;
  width: 100%;
  height: 1px;
  display: block;
  position: relative;
  overflow: visible;
}

.landing-section-divider:before, .landing-section-divider:after {
  top: 50%;
}

.landing-section-divider:before {
  left: calc((100% - var(--mf-landing-frame-width)) / 2);
  transform: translate(-50%, -50%);
}

.landing-section-divider:after {
  right: calc((100% - var(--mf-landing-frame-width)) / 2);
  transform: translate(50%, -50%);
}

@media (max-width: 700px) {
  .landing-public-header > div {
    border-inline: 0;
    width: calc(100% - 32px);
  }

  html[data-route-shell="landing"] :is(.landing-neon-hero-inner, .landing-model-catalog-shell, .landing-integration-shell, .landing-operations-shell, .landing-cta-content, .landing-footer-shell, .cheapai-public-surface .public-page-frame) {
    border-inline: 0;
  }

  .landing-public-header > div:before, .landing-public-header > div:after, .landing-section-divider:before, .landing-section-divider:after {
    display: none;
  }
}

.cheapai-landing:not(.is-landing-ready) [data-hero-reveal] {
  visibility: hidden;
  opacity: 0;
}

.cheapai-landing [data-hero-reveal] {
  transition-property: none !important;
}

.cheapai-landing .landing-neon-hero .landing-hero-surface:before, .light .cheapai-landing .landing-neon-hero .landing-hero-surface:before {
  z-index: 2;
}

.cheapai-landing .landing-neon-hero .landing-hero-surface:after, .light .cheapai-landing .landing-neon-hero .landing-hero-surface:after {
  z-index: 3;
}

.landing-hero-pointer-glow {
  z-index: 1;
  aspect-ratio: 1;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(circle, #d7ff001c 0, #d7ff0008 19rem, #0000 35rem);
  border-radius: 50%;
  width: 70rem;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .landing-hero-pointer-glow {
    will-change: transform, opacity;
    display: block;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cheapai-landing [data-hero-reveal] {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .landing-hero-pointer-glow {
    display: none !important;
  }
}

html[data-route-shell="landing"] .landing-public-header-dark {
  --bird-background: #070708;
  --bird-foreground: #f5f5f5;
  --bird-primary-foreground: #090a08;
  --bird-muted-foreground: #f5f5f5a3;
  --bird-accent: #f5f5f512;
  --landing-card-line: #f5f5f524;
  --landing-divider-line: #f5f5f51a;
  --mf-landing-rail-line: #f5f5f526;
  --mf-landing-rail-node: #f5f5f57a;
  color: var(--bird-foreground);
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

html[data-route-shell="landing"] .landing-public-header-light {
  --bird-background: #f5f5f3;
  --bird-foreground: #141414;
  --bird-primary-foreground: #fff;
  --bird-muted-foreground: #1414149e;
  --bird-accent: #1414140f;
  --landing-card-line: #14141421;
  --landing-divider-line: #14141417;
  --mf-landing-rail-line: #14141424;
  --mf-landing-rail-node: #1414146b;
  color: var(--bird-foreground);
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

html[data-route-shell="landing"] .landing-public-header {
  transition: border-color .22s var(--mf-landing-ease-interface),
    background-color .22s var(--mf-landing-ease-interface),
    box-shadow .22s var(--mf-landing-ease-interface),
    color .18s var(--mf-landing-ease-interface);
}

html[data-route-shell="landing"] .landing-public-header-dark {
  box-shadow: none;
  background: #070708;
  border-bottom-color: #f5f5f514 !important;
}

html[data-route-shell="landing"] .landing-public-header-dark[data-scrolled="true"] {
  background: #070708f5;
  box-shadow: 0 16px 40px #00000038;
  border-bottom-color: #f5f5f51c !important;
}

html[data-route-shell="landing"] .landing-public-header-light {
  background: #f5f5f3f5;
  box-shadow: 0 12px 34px #14141412;
  border-bottom-color: #14141417 !important;
}

html[data-route-shell="landing"] .landing-public-header-flat-surface {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}

html.light[data-route-shell="landing"] .landing-public-header-light.landing-public-header-flat-surface {
  --bird-background: #f7f7f5;
  background: #f7f7f5fa;
}

html.dark[data-route-shell="landing"] .landing-public-header-dark.landing-public-header-flat-surface {
  --bird-background: #0b0b0c;
  background: #0b0b0cfa;
}

html[data-route-shell="landing"] .landing-public-header-flat-surface[data-scrolled="true"] {
  box-shadow: none;
}

html.light[data-route-shell="landing"] .landing-public-header-light.landing-public-header-white-surface {
  --bird-background: #fff;
  background: #fff;
}

html.light[data-route-shell="landing"] .landing-public-header-light.landing-public-header-white-surface .landing-header-nav {
  background: #fff;
}

html[data-route-shell="landing"] .landing-public-header-light[data-scrolled="false"] {
  box-shadow: none;
}

html[data-route-shell="landing"] :is(.landing-public-header-dark, .landing-public-header-light) :is(.landing-header-link, .landing-header-brand, .landing-header-wordmark) {
  color: var(--bird-foreground);
}

html[data-route-shell="landing"] .landing-public-header-dark .landing-header-wordmark > svg:first-child > path:first-of-type {
  stroke: #f5f5f5;
}

html[data-route-shell="landing"] .landing-public-header-dark .landing-header-wordmark > svg:last-child path {
  fill: #f5f5f5;
}

html[data-route-shell="landing"] .landing-public-header-light .landing-header-wordmark > svg:first-child > path:first-of-type {
  stroke: #141414;
}

html[data-route-shell="landing"] .landing-public-header-light .landing-header-wordmark > svg:last-child path {
  fill: #141414;
}

html[data-route-shell="landing"] .landing-public-header-dark :is(.landing-language-trigger, .theme-switch-trigger), html.light[data-route-shell="landing"] .landing-public-header.landing-public-header-dark :is(.landing-language-trigger, .theme-switch-trigger) {
  color: #f5f5f5ad !important;
  background: #f5f5f50a !important;
  border-color: #f5f5f524 !important;
}

html[data-route-shell="landing"] .landing-public-header-dark :is(.landing-language-trigger, .theme-switch-trigger):is(:hover, :focus-visible, [aria-expanded="true"]), html.light[data-route-shell="landing"] .landing-public-header.landing-public-header-dark :is(.landing-language-trigger, .theme-switch-trigger):is(:hover, :focus-visible, [aria-expanded="true"]) {
  color: #f5f5f5 !important;
  background: #f5f5f517 !important;
  border-color: #f5f5f53d !important;
}

html[data-route-shell="landing"] .landing-public-header-dark :is(.landing-language-trigger, .theme-switch-trigger) svg, html.light[data-route-shell="landing"] .landing-public-header.landing-public-header-dark :is(.landing-language-trigger, .theme-switch-trigger) svg {
  color: currentColor !important;
}

html[data-route-shell="landing"] .landing-public-header-light :is(.landing-language-trigger, .theme-switch-trigger) {
  color: #141414a3 !important;
  background: #ffffff57 !important;
  border-color: #14141421 !important;
}

html[data-route-shell="landing"] .landing-public-header-light :is(.landing-language-trigger, .theme-switch-trigger):is(:hover, :focus-visible, [aria-expanded="true"]) {
  color: #141414 !important;
  background: #ffffffb8 !important;
  border-color: #14141438 !important;
}

html[data-route-shell="landing"] .landing-public-header-light :is(.landing-language-trigger, .theme-switch-trigger) svg {
  color: currentColor !important;
}

html[data-route-shell="landing"] .landing-public-header.landing-public-header-dark .landing-header-cta[data-slot="button"], html.light[data-route-shell="landing"] .landing-public-header.landing-public-header-dark .landing-header-cta[data-slot="button"] {
  color: #090a08 !important;
  background: #f5f5f5 !important;
  border-color: #f5f5f5 !important;
}

html[data-route-shell="landing"] .landing-public-header.landing-public-header-dark .landing-header-cta[data-slot="button"]:is(:hover, :focus-visible), html.light[data-route-shell="landing"] .landing-public-header.landing-public-header-dark .landing-header-cta[data-slot="button"]:is(:hover, :focus-visible) {
  color: #090a08 !important;
  background: #d7ff00 !important;
  border-color: #d7ff00 !important;
}

html[data-route-shell="landing"] .landing-public-header.landing-public-header-light .landing-header-cta[data-slot="button"] {
  color: #fff !important;
  background: #141414 !important;
  border-color: #141414 !important;
}

html[data-route-shell="landing"] .landing-public-header.landing-public-header-light .landing-header-cta[data-slot="button"]:is(:hover, :focus-visible) {
  color: #fff !important;
  background: #2b2b2a !important;
  border-color: #2b2b2a !important;
}

html[data-route-shell="landing"][data-marketing-header-surface="white"] {
  --mf-landing-dropdown-line: #f5f5f526;
}

html[data-route-shell="landing"][data-marketing-header-surface="articles"] {
  --mf-landing-dropdown-line: #f4f4f526;
}

html[data-route-shell="landing"][data-marketing-header-surface="articles"][data-marketing-header-tone="light"] {
  --mf-landing-dropdown-line: #11111224;
}

html[data-route-shell="landing"][data-marketing-header-surface="white"][data-marketing-header-tone="light"] {
  --mf-landing-dropdown-line: #14141424;
}

html[data-route-shell="landing"][data-marketing-header-tone="dark"] :is(.landing-language-menu, .theme-switch-menu) {
  border-color: var(--overlay-menu-border);
  background: var(--popover);
  color: var(--popover-foreground);
  box-shadow: var(--overlay-menu-shadow);
}

html[data-route-shell="landing"][data-marketing-header-tone="dark"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]) {
  color: var(--popover-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-route-shell="landing"][data-marketing-header-tone="dark"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]) {
    color: color-mix(in srgb, var(--popover-foreground) 72%, transparent);
  }
}

html[data-route-shell="landing"][data-marketing-header-tone="dark"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]):is(:focus, :hover, [data-highlighted], [aria-checked="true"], [data-checked]) {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-route-shell="landing"][data-marketing-header-tone="dark"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]):is(:focus, :hover, [data-highlighted], [aria-checked="true"], [data-checked]) {
    background: color-mix(in srgb,
    var(--foreground) var(--overlay-menu-hover-mix),
    var(--popover));
  }
}

html[data-route-shell="landing"][data-marketing-header-tone="dark"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]):is(:focus, :hover, [data-highlighted], [aria-checked="true"], [data-checked]) {
  color: var(--popover-foreground);
}

html[data-route-shell="landing"][data-marketing-header-tone="light"] :is(.landing-language-menu, .theme-switch-menu) {
  border-color: var(--overlay-menu-border);
  background: var(--popover);
  color: var(--popover-foreground);
  box-shadow: var(--overlay-menu-shadow);
}

html[data-route-shell="landing"][data-marketing-header-tone="light"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]) {
  color: var(--popover-foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-route-shell="landing"][data-marketing-header-tone="light"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]) {
    color: color-mix(in srgb, var(--popover-foreground) 72%, transparent);
  }
}

html[data-route-shell="landing"][data-marketing-header-tone="light"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]):is(:focus, :hover, [data-highlighted], [aria-checked="true"], [data-checked]) {
  background: var(--foreground);
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-route-shell="landing"][data-marketing-header-tone="light"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]):is(:focus, :hover, [data-highlighted], [aria-checked="true"], [data-checked]) {
    background: color-mix(in srgb,
    var(--foreground) var(--overlay-menu-hover-mix),
    var(--popover));
  }
}

html[data-route-shell="landing"][data-marketing-header-tone="light"] :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]):is(:focus, :hover, [data-highlighted], [aria-checked="true"], [data-checked]) {
  color: var(--popover-foreground);
}

html[data-route-shell="landing"][data-marketing-header-surface="articles"][data-marketing-header-tone="dark"] :is(.landing-language-menu, .theme-switch-menu), html[data-route-shell="landing"][data-marketing-header-surface="articles"][data-marketing-header-tone="light"] :is(.landing-language-menu, .theme-switch-menu) {
  background: var(--popover);
  box-shadow: var(--overlay-menu-shadow);
}

html[data-route-shell="landing"][data-marketing-header-surface="white"] :is([data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"]), html[data-route-shell="landing"][data-marketing-header-surface="articles"] :is([data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"]) {
  border-color: var(--overlay-menu-border) !important;
}

html[data-route-shell="landing"][data-marketing-header-surface="articles"][data-marketing-header-tone="light"] :is(.landing-language-menu, .theme-switch-menu) [data-slot="dropdown-menu-radio-item-indicator"] {
  color: #111112;
}

html[data-route-shell="landing"][data-marketing-header-surface="articles"][data-marketing-header-tone="dark"] :is(.landing-language-menu, .theme-switch-menu) [data-slot="dropdown-menu-radio-item-indicator"] {
  color: #d7ff00;
}

html[data-route-shell="landing"] .theme-switch-menu [data-slot="dropdown-menu-radio-item"] > svg {
  color: currentColor;
  flex: none;
  width: .875rem;
  height: .875rem;
}

html[data-route-shell="landing"] :is(.landing-language-menu, .theme-switch-menu) [data-slot="dropdown-menu-radio-item-indicator"] {
  color: #b6dc00;
}

html.light[data-route-shell="landing"] .landing-section-divider[data-header-tone="theme"] {
  --mf-landing-rail-line: #14141424;
  --mf-landing-rail-node: #1414146b;
}

html.dark[data-route-shell="landing"] .landing-section-divider[data-header-tone="theme"], html[data-route-shell="landing"] .landing-section-divider[data-header-tone="dark"] {
  --mf-landing-rail-line: #f5f5f526;
  --mf-landing-rail-node: #f5f5f57a;
}

html.light[data-route-shell="landing"] .landing-section-divider[data-header-tone="dark"] {
  --mf-landing-rail-line: #2c2c2c;
  --mf-landing-rail-node: #7a7a7a;
}

html.dark .cheapai-landing section.landing-model-catalog-section {
  --mf-catalog-acid-ink: #0b0d0b;
  --mf-catalog-bg: #0b0d0b;
  --mf-catalog-panel: #111410;
  --mf-catalog-panel-strong: #151815;
  --mf-catalog-ink: #f3f5ef;
  --mf-catalog-muted: #9ba198;
  --mf-catalog-line: #ecf5e41a;
  --mf-catalog-line-strong: #ecf5e42e;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

html.dark .landing-model-catalog-stage {
  box-shadow: 12px 12px #d7ff000d, 0 36px 90px -64px #000000d1;
}

html.dark .landing-model-catalog-stage:before {
  background-image: radial-gradient(circle, #f5f7ef24 0 .65px, #0000 .75px);
}

html.dark .landing-model-catalog-toolbar {
  background: var(--mf-catalog-panel-strong);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .landing-model-catalog-toolbar {
    background: color-mix(in srgb,
    var(--mf-catalog-panel-strong) 90%,
    transparent);
  }
}

html.dark .cheapai-landing .landing-model-provider-filter [data-slot="toggle-group-item"]:hover {
  background: #f5f7ef0f !important;
}

html.dark .cheapai-landing .landing-model-provider-filter [data-slot="toggle-group-item"][aria-pressed="true"] {
  border-color: var(--mf-catalog-acid-ink) !important;
  color: var(--mf-catalog-acid-ink) !important;
  box-shadow: 3px 3px #f5f7ef5c !important;
}

html.dark .cheapai-landing .landing-model-provider-filter [data-slot="toggle-group-item"][aria-pressed="true"] .landing-model-provider-icon {
  color: var(--mf-catalog-acid-ink);
}

html.dark .landing-model-catalog-kicker > span, html.dark .landing-model-catalog-live > span, html.dark .landing-model-endpoint-row > i, html.dark .landing-model-route-status, html.dark .landing-model-detail-footer > p > span {
  border-color: var(--mf-catalog-acid-ink);
}

html.dark .landing-model-catalog-kicker > span, html.dark .landing-model-route-status {
  box-shadow: 2px 2px #f5f7ef57;
}

html.dark .landing-model-directory {
  background: #0e110e;
}

html.dark .landing-model-directory-item:hover {
  background: #f5f7ef0d;
}

html.dark .landing-model-directory-item[data-active="true"] {
  background: linear-gradient(90deg, #d7ff0024, transparent 76%),
    var(--mf-catalog-panel-strong);
}

html.dark .landing-model-directory-item[data-active="true"] .landing-model-directory-arrow {
  border-color: var(--mf-catalog-acid-ink);
  color: var(--mf-catalog-acid-ink);
}

html.dark .landing-model-detail {
  background: var(--mf-catalog-panel);
}

@supports (color: color-mix(in lab, red, red)) {
  html.dark .landing-model-detail {
    background: color-mix(in srgb, var(--mf-catalog-panel) 94%, #000);
  }
}

html.dark[data-route-shell="landing"] .cheapai-landing .landing-model-catalog-cta-primary[data-slot="button"]:hover, html.dark[data-route-shell="landing"] .cheapai-landing .landing-model-catalog-cta-secondary[data-slot="button"]:hover {
  border-color: var(--mf-catalog-acid) !important;
  background: var(--mf-catalog-acid) !important;
  color: var(--mf-catalog-acid-ink) !important;
}

html.dark .cheapai-landing section.landing-integration-section {
  --mf-integration-acid-ink: #0b0d0b;
  --mf-integration-ink: #f3f5ef;
  --mf-integration-paper: #0b0d0b;
  --mf-integration-panel: #111410;
  --mf-integration-copy: #0b0d0b;
  --mf-integration-muted: #9ba198;
  --mf-integration-line: #ecf5e424;
  --mf-integration-dark-line: #ecf5e424;
  border-bottom-color: var(--mf-integration-line);
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

html.dark .landing-integration-grid {
  background-image: linear-gradient(to right, #ecf5e414 1px, #0000 1px), linear-gradient(#ecf5e414 1px, #0000 1px);
}

html.dark .landing-integration-stage {
  box-shadow: 0 32px 76px -60px #000000e0;
}

html.dark .landing-integration-heading > p, html.dark .landing-integration-systembar, html.dark .landing-integration-steps-intro > span, html.dark .landing-integration-steps-intro > p, html.dark .landing-integration-step-index, html.dark .landing-integration-step p, html.dark .landing-integration-code-file code, html.dark .landing-integration-receipt code {
  color: var(--mf-integration-muted) !important;
}

html.dark .landing-integration-eyebrow > span, html.dark .landing-integration-step-icon, html.dark .landing-integration-window-dots i:first-child {
  border-color: var(--mf-integration-acid-ink);
  color: var(--mf-integration-acid-ink);
}

html.dark .landing-integration-eyebrow > span, html.dark .landing-integration-step-icon {
  box-shadow: 2px 2px #f5f7ef57;
}

html.dark .cheapai-landing section.landing-integration-section .landing-integration-compatibility-badge[data-slot="badge"] {
  border-color: var(--mf-integration-acid-ink);
  color: var(--mf-integration-acid-ink);
}

html.dark[data-route-shell="landing"] .cheapai-landing .landing-integration-cta-primary[data-slot="button"]:hover, html.dark[data-route-shell="landing"] .cheapai-landing .landing-integration-cta-secondary[data-slot="button"]:hover {
  border-color: var(--mf-integration-acid) !important;
  background: var(--mf-integration-acid) !important;
  color: var(--mf-integration-acid-ink) !important;
}

html.dark[data-route-shell="landing"] .cheapai-landing .landing-integration-copy-button[data-slot="button"] {
  border-color: var(--mf-integration-line) !important;
  background: var(--mf-integration-panel) !important;
  color: var(--mf-integration-muted) !important;
}

html.dark[data-route-shell="landing"] .cheapai-landing .landing-integration-copy-button[data-slot="button"]:hover {
  color: var(--mf-integration-ink) !important;
  background: #ecf5e40f !important;
  border-color: #ecf5e447 !important;
}

html.dark .cheapai-landing section.landing-operations-section {
  --mf-operations-paper: #0b0d0b;
  --mf-operations-paper-strong: #111410;
  --mf-operations-ink: #f3f5ef;
  --mf-operations-muted: #f3f5ef9e;
  --mf-operations-line: #ecf5e424;
  --mf-operations-line-soft: #ecf5e412;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

html.dark .landing-operations-eyebrow, html.dark .landing-operations-contract, html.dark .landing-operations-point-meta {
  color: #f3f5ef75;
}

html.dark .landing-operations-eyebrow > span, html.dark .landing-operations-point:before {
  border-color: #0b0d0b;
}

html.dark .landing-operations-eyebrow > span {
  box-shadow: 2px 2px #f3f5ef57;
}

html.dark .landing-operations-point:hover {
  background: #d7ff0012;
}

.cheapai-landing :is(section.landing-model-catalog-section, section.landing-integration-section, section.landing-operations-section), .landing-model-catalog-stage, .landing-model-catalog-toolbar, .landing-model-directory, .landing-model-detail, .landing-model-detail-panel, .landing-integration-stage, .landing-integration-systembar, .landing-integration-steps-panel, .landing-integration-code-panel, .landing-integration-code-tablist, .landing-integration-receipt {
  transition: border-color .22s var(--mf-landing-ease-interface),
    background-color .22s var(--mf-landing-ease-interface),
    color .18s var(--mf-landing-ease-interface),
    box-shadow .22s var(--mf-landing-ease-interface);
}

@media (prefers-reduced-motion: reduce) {
  html[data-route-shell="landing"] .landing-public-header, .cheapai-landing :is(section.landing-model-catalog-section, section.landing-integration-section, section.landing-operations-section), .landing-model-catalog-stage, .landing-model-catalog-toolbar, .landing-model-directory, .landing-model-detail, .landing-model-detail-panel, .landing-integration-stage, .landing-integration-systembar, .landing-integration-steps-panel, .landing-integration-code-panel, .landing-integration-code-tablist, .landing-integration-receipt {
    transition: none !important;
  }
}

.public-pricing-page [data-public-subscription-section] {
  --background: var(--mf-public-bg);
  --foreground: var(--mf-public-ink);
  --card: var(--mf-public-panel);
  --card-foreground: var(--mf-public-ink);
  --muted: var(--mf-public-panel-strong);
  --muted-foreground: var(--mf-public-muted);
  --border: var(--mf-public-line-strong);
  --primary: var(--mf-public-brand);
  --primary-foreground: #090909;
  --reward: var(--mf-public-brand);
  border-top: 1px solid var(--mf-public-line-strong);
  margin-top: clamp(4rem, 7vw, 6.5rem);
  padding-top: clamp(2.25rem, 4vw, 3.5rem);
}

.public-pricing-page [data-public-subscription-heading] {
  justify-content: space-between;
  align-items: flex-start;
}

.public-pricing-page [data-public-subscription-kicker] {
  color: var(--mf-public-ink);
  margin: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page [data-public-subscription-kicker] {
    color: color-mix(in srgb, var(--mf-public-ink) 48%, transparent);
  }
}

.public-pricing-page [data-public-subscription-kicker] {
  font-family: var(--mf-public-mono);
  letter-spacing: .075em;
  text-transform: uppercase;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.35;
}

.public-pricing-page [data-public-subscription-heading] h2 {
  max-width: 34rem;
  color: var(--mf-public-ink);
  letter-spacing: -.045em;
  margin: 0;
  font-size: clamp(1.7rem, 3.25vw, 2.75rem);
  font-weight: 650;
  line-height: 1.04;
}

.public-pricing-page [data-public-subscription-lead] {
  max-width: 37rem;
  color: var(--mf-public-muted);
  margin: 0;
  font-size: .9375rem;
  line-height: 1.58;
}

.public-pricing-page [data-public-subscription-maximum-bonus] {
  border-color: var(--mf-public-brand);
  height: auto;
  margin-top: .125rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page [data-public-subscription-maximum-bonus] {
    border-color: color-mix(in srgb,
    var(--mf-public-brand) 48%,
    var(--mf-public-line));
  }
}

.public-pricing-page [data-public-subscription-maximum-bonus] {
  border-radius: var(--mf-landing-radius-action);
  background: var(--mf-public-brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page [data-public-subscription-maximum-bonus] {
    background: color-mix(in srgb, var(--mf-public-brand) 16%, transparent);
  }
}

.public-pricing-page [data-public-subscription-maximum-bonus] {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
  text-align: right;
  padding: .5rem .625rem;
  font-size: .6875rem;
  font-weight: 650;
  line-height: 1.2;
}

.public-pricing-page [data-public-subscription-model-scope] {
  border-block: 1px solid var(--mf-public-line);
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem 1rem;
  margin-top: 1.75rem;
  padding-block: .875rem;
  display: flex;
}

.public-pricing-page [data-public-subscription-model-scope] > p {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  margin: 0;
  font-size: .6875rem;
  line-height: 1.4;
}

.public-pricing-page [data-public-subscription-model-scope] > ul {
  flex-wrap: wrap;
  gap: .375rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.public-pricing-page [data-public-subscription-model] {
  border-color: var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-micro);
  background: var(--mf-public-panel-strong);
  height: 1.625rem;
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  font-size: .6875rem;
}

.public-pricing-page [data-public-subscription-model] > svg {
  opacity: .88;
}

.public-pricing-page [data-public-subscription-plan-grid] {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .75rem;
  margin-top: 1.25rem;
  display: grid;
}

.public-pricing-page [data-public-subscription-plan] {
  border-color: var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  min-width: 0;
  min-height: 17.5rem;
  box-shadow: none;
}

.public-pricing-page [data-public-subscription-plan] [data-slot="card-header"], .public-pricing-page [data-public-subscription-plan] [data-slot="card-content"] {
  padding-inline: 1rem;
}

.public-pricing-page [data-public-subscription-plan-meta] {
  min-width: 0;
}

.public-pricing-page [data-public-subscription-plan-bonus], .public-pricing-page [data-public-subscription-plan-duration] {
  border-radius: var(--mf-landing-radius-micro);
  height: 1.375rem;
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1;
}

.public-pricing-page [data-public-subscription-plan-bonus] {
  border-color: var(--mf-public-brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page [data-public-subscription-plan-bonus] {
    border-color: color-mix(in srgb,
    var(--mf-public-brand) 36%,
    var(--mf-public-line));
  }
}

.public-pricing-page [data-public-subscription-plan-bonus] {
  background: var(--mf-public-brand);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page [data-public-subscription-plan-bonus] {
    background: color-mix(in srgb, var(--mf-public-brand) 11%, transparent);
  }
}

.public-pricing-page [data-public-subscription-plan-bonus] {
  color: var(--mf-public-ink);
}

.public-pricing-page [data-public-subscription-plan-duration] {
  border-color: var(--mf-public-line);
  color: var(--mf-public-muted);
  background: none;
}

.public-pricing-page [data-public-subscription-plan-eyebrow] {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  letter-spacing: .045em;
  text-transform: uppercase;
  font-size: .625rem;
  font-weight: 600;
  line-height: 1.3;
}

.public-pricing-page [data-public-subscription-plan-price] {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.055em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: clamp(1.45rem, 2.35vw, 2rem);
  font-weight: 650;
  line-height: 1;
  overflow: hidden;
}

.public-pricing-page [data-public-subscription-plan-credit-panel] {
  border: 1px solid var(--mf-public-line);
  border-radius: var(--mf-landing-radius-control);
  background: var(--mf-public-ink);
  min-height: 5.875rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page [data-public-subscription-plan-credit-panel] {
    background: color-mix(in srgb,
    var(--mf-public-ink) 2.5%,
    var(--mf-public-panel));
  }
}

.public-pricing-page [data-public-subscription-plan-credit-panel] {
  padding: .75rem;
}

.public-pricing-page [data-public-subscription-plan-credit-panel] dl, .public-pricing-page [data-public-subscription-plan-credit-panel] dd {
  margin: 0;
}

.public-pricing-page [data-public-subscription-plan-credit-value] {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.035em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.25rem;
  font-weight: 650;
  line-height: 1;
  overflow: hidden;
}

.public-pricing-page [data-public-subscription-plan-bonus-copy] {
  color: var(--mf-public-ink);
  margin: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page [data-public-subscription-plan-bonus-copy] {
    color: color-mix(in srgb, var(--mf-public-ink) 68%, var(--mf-public-brand));
  }
}

.public-pricing-page [data-public-subscription-plan-bonus-copy] {
  font-size: .6875rem;
  font-weight: 550;
  line-height: 1.45;
}

.public-pricing-page [data-public-subscription-plan-schedule] {
  color: var(--mf-public-muted);
  font-size: .6875rem;
  line-height: 1.4;
}

.public-pricing-page [data-public-subscription-plan-schedule] p, .public-pricing-page [data-public-subscription-plan-schedule] dl {
  margin: 0;
}

.public-pricing-page [data-public-subscription-plan-grant-count] {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  font-size: .6875rem;
  font-weight: 600;
}

.public-pricing-page [data-public-subscription-plan-schedule] dt {
  min-width: 0;
}

.public-pricing-page [data-public-subscription-plan-schedule] dd {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  flex: none;
  margin: 0;
  font-weight: 600;
}

.public-pricing-page [data-public-subscription-footer] {
  border-top: 1px solid var(--mf-public-line);
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  margin-top: 1.25rem;
  padding-top: 1rem;
  display: flex;
}

.public-pricing-page [data-public-subscription-footer] p {
  max-width: 42rem;
  color: var(--mf-public-muted);
  margin: 0;
  font-size: .75rem;
  line-height: 1.5;
}

.public-pricing-page [data-public-subscription-cta] {
  border-radius: var(--mf-landing-radius-action);
  font-family: var(--mf-public-mono);
  flex: none;
  font-size: .75rem;
  font-weight: 650;
}

.public-pricing-page [data-public-subscription-cta] [data-icon="inline-end"] {
  transition: transform .16s;
}

@media (hover: hover) and (pointer: fine) {
  .public-pricing-page [data-public-subscription-plan] {
    transition: border-color .18s, background-color .18s;
  }

  .public-pricing-page [data-public-subscription-plan]:hover {
    border-color: var(--mf-public-ink);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .public-pricing-page [data-public-subscription-plan]:hover {
      border-color: color-mix(in srgb,
      var(--mf-public-ink) 34%,
      var(--mf-public-line-strong));
    }
  }

  .public-pricing-page [data-public-subscription-plan]:hover {
    background: var(--mf-public-ink);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .public-pricing-page [data-public-subscription-plan]:hover {
      background: color-mix(in srgb,
      var(--mf-public-ink) 2.5%,
      var(--mf-public-panel));
    }
  }

  .public-pricing-page [data-public-subscription-cta]:hover [data-icon="inline-end"] {
    transform: translateX(.125rem);
  }
}

@media (max-width: 1279px) {
  .public-pricing-page [data-public-subscription-plan-grid] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1023px) {
  .public-pricing-page [data-public-subscription-heading] {
    flex-direction: column;
  }

  .public-pricing-page [data-public-subscription-maximum-bonus] {
    text-align: left;
    margin-top: 0;
  }
}

@media (max-width: 760px) {
  .public-pricing-page [data-public-subscription-section] {
    margin-top: 3.5rem;
    padding-top: 2rem;
  }

  .public-pricing-page [data-public-subscription-plan-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .625rem;
  }

  .public-pricing-page [data-public-subscription-plan] {
    min-height: 16.75rem;
  }

  .public-pricing-page [data-public-subscription-footer] {
    flex-direction: column;
    align-items: stretch;
  }

  .public-pricing-page [data-public-subscription-cta] {
    width: 100%;
  }
}

@media (max-width: 639px) {
  .public-pricing-page [data-public-subscription-model-scope] {
    flex-direction: column;
    align-items: flex-start;
  }

  .public-pricing-page [data-public-subscription-plan-grid] {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-pricing-page [data-public-subscription-plan] {
    min-height: 0;
  }

  .public-pricing-page [data-public-subscription-plan] [data-slot="card-header"], .public-pricing-page [data-public-subscription-plan] [data-slot="card-content"] {
    padding-inline: 1.125rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .public-pricing-page [data-public-subscription-plan], .public-pricing-page [data-public-subscription-cta] [data-icon="inline-end"] {
    transition: none;
    transform: none;
  }
}

.public-pricing-page .public-pricing-catalog-shell {
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-panel);
  background: var(--mf-public-panel);
  overflow: hidden;
}

.public-pricing-page .public-pricing-catalog-tabs-list[data-slot="tabs-list"] {
  border-bottom: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-panel-strong);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 0;
  width: 100%;
  height: auto;
  padding: 0;
  display: grid;
  border-radius: 0 !important;
}

.public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"] {
  border: 0;
  border-right: 1px solid var(--mf-public-line);
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 3.5rem;
  color: var(--mf-public-muted);
  white-space: normal;
  background: none;
  gap: .5rem;
  padding: .625rem 1rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.25;
  border-radius: 0 !important;
}

.public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"]:last-child {
  border-right: 0;
}

.public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"]:after {
  background: var(--mf-catalog-acid);
  height: 3px;
  bottom: 0;
  left: 1rem;
  right: 1rem;
}

.public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"]:hover {
  background: var(--mf-public-line-soft);
  color: var(--mf-public-ink);
}

.public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"][data-active] {
  background: var(--mf-catalog-acid);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"][data-active] {
    background: color-mix(in srgb,
    var(--mf-catalog-acid) 7%,
    var(--mf-public-panel));
  }
}

.public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"][data-active] {
  color: var(--mf-public-ink);
}

.public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"] [data-slot="badge"] {
  border-color: var(--mf-public-line-strong);
  min-width: 1.75rem;
  height: 1.375rem;
  color: inherit;
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  background: none;
  justify-content: center;
  padding-inline: .375rem;
  font-size: .625rem;
}

.public-pricing-page .public-pricing-catalog-toolbar {
  border-bottom: 1px solid var(--mf-public-line-strong);
  grid-template-columns: minmax(16rem, 1fr) minmax(10rem, 12rem) minmax(10rem, 12rem) auto;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  padding: 1rem 1.25rem;
  display: grid;
}

.public-pricing-page .public-pricing-catalog-search {
  width: 100%;
  min-width: 0;
  margin: 0;
}

.public-pricing-page .public-pricing-catalog-search .public-catalog-search-input {
  height: 2.75rem;
  box-shadow: none;
  border-color: var(--mf-public-line-strong) !important;
  background: var(--mf-public-panel) !important;
}

.public-pricing-page .public-pricing-catalog-search .public-catalog-search-input:focus {
  border-color: var(--mf-public-ink) !important;
  box-shadow: 0 0 0 3px
    var(--mf-catalog-acid) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-catalog-search .public-catalog-search-input:focus {
    box-shadow: 0 0 0 3px
    color-mix(in srgb, var(--mf-catalog-acid) 18%, transparent) !important;
  }
}

.public-pricing-page .public-pricing-catalog-select[data-slot="native-select-wrapper"] {
  width: 100%;
  min-width: 0;
}

.public-pricing-page .public-pricing-catalog-select [data-slot="native-select"] {
  border-color: var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  height: 2.75rem;
  color: var(--mf-public-ink);
  font-size: .8125rem;
}

.public-pricing-page .public-pricing-catalog-price-controls {
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-catalog-price-controls [data-slot="toggle-group"] {
  border-color: var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  flex: none;
}

.public-pricing-page .public-pricing-catalog-price-controls [data-slot="toggle-group"] > [aria-pressed] {
  min-width: 2.75rem;
  font-family: var(--mf-public-mono);
  font-size: .6875rem;
}

.public-pricing-page .public-pricing-catalog-provider-list {
  min-width: 0;
}

.public-pricing-page .public-pricing-catalog-provider-section {
  border-top: 1px solid var(--mf-public-line-strong);
  min-width: 0;
}

.public-pricing-page .public-pricing-catalog-provider-section:first-child {
  border-top: 0;
}

.public-pricing-page .public-pricing-catalog-provider-heading {
  border-bottom: 1px solid var(--mf-public-line);
  background: var(--mf-public-panel-strong);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 2.75rem;
  padding: .625rem 1.25rem;
  display: flex;
}

.public-pricing-page .public-pricing-catalog-provider-heading h2 {
  min-width: 0;
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  overflow-wrap: anywhere;
  align-items: center;
  gap: .625rem;
  margin: 0;
  font-size: .75rem;
  font-weight: 650;
  line-height: 1.35;
  display: flex;
}

.public-pricing-page .public-pricing-catalog-provider-heading h2:before {
  background: var(--mf-catalog-acid);
  content: "";
  border-radius: 50%;
  flex: 0 0 .375rem;
  width: .375rem;
  height: .375rem;
}

.public-pricing-page .public-pricing-catalog-provider-heading [data-slot="badge"] {
  border-color: var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  min-width: 1.75rem;
  height: 1.375rem;
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  justify-content: center;
  font-size: .625rem;
}

.public-pricing-page .public-pricing-catalog-model-accordion {
  min-width: 0;
}

.public-pricing-page .public-pricing-catalog-model-item[data-slot="accordion-item"] {
  border-bottom: 1px solid var(--mf-public-line);
  min-width: 0;
}

.public-pricing-page .public-pricing-catalog-model-item[data-slot="accordion-item"]:last-child {
  border-bottom: 0;
}

.public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"] {
  width: 100%;
  min-width: 0;
  min-height: 4.25rem;
  transition: background-color var(--mf-landing-motion-fast)
    var(--mf-landing-ease-interface);
  border-radius: 0;
  align-items: center;
  gap: 1rem;
  padding: .6875rem 1.25rem;
  text-decoration: none;
}

.public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"]:hover {
  background: var(--mf-public-line-soft);
  text-decoration: none;
}

.public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"][aria-expanded="true"] {
  background: var(--mf-catalog-acid);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"][aria-expanded="true"] {
    background: color-mix(in srgb,
    var(--mf-catalog-acid) 3%,
    var(--mf-public-panel));
  }
}

.public-pricing-page .public-pricing-catalog-model-main {
  flex: 1;
  grid-template-columns: minmax(13rem, 1.15fr) minmax(14rem, 1fr) auto;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  display: grid;
}

.public-pricing-page .public-pricing-catalog-model-identity {
  align-items: center;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-catalog-model-icon {
  border: 1px solid var(--mf-public-line);
  border-radius: var(--mf-landing-radius-action);
  background: var(--mf-public-ink);
  flex: 0 0 2.5rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-catalog-model-icon {
    background: color-mix(in srgb,
    var(--mf-public-ink) 4%,
    var(--mf-public-panel));
  }
}

.public-pricing-page .public-pricing-catalog-model-icon {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  font-size: .75rem;
  font-weight: 650;
}

.public-pricing-page .public-pricing-catalog-model-name {
  min-width: 0;
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8125rem;
  font-weight: 650;
  line-height: 1.35;
  overflow: hidden;
}

.public-pricing-page .public-pricing-catalog-capabilities {
  flex-wrap: wrap;
  align-items: center;
  gap: .375rem;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-catalog-capabilities [data-slot="badge"] {
  border-color: var(--mf-public-line);
  max-width: 100%;
  height: auto;
  min-height: 1.375rem;
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  white-space: normal;
  background: none;
  padding: .2rem .45rem;
  font-size: .625rem;
  line-height: 1.25;
}

.public-pricing-page .public-pricing-catalog-route-count {
  min-width: 0;
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  white-space: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  font-size: .625rem;
  font-weight: 500;
  display: flex;
}

.public-pricing-page .public-pricing-catalog-route-count [data-slot="badge"] {
  border-color: var(--mf-public-line-strong);
  background: var(--mf-public-panel-strong);
  min-width: 1.75rem;
  height: 1.375rem;
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  font-variant-numeric: tabular-nums;
  justify-content: center;
  font-size: .625rem;
}

.public-pricing-page .public-pricing-catalog-model-content {
  padding: 0;
}

.public-pricing-page .public-pricing-catalog-route-prices {
  border-top: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-ink);
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-catalog-route-prices {
    background: color-mix(in srgb,
    var(--mf-public-ink) 4%,
    var(--mf-public-panel-strong));
  }
}

.public-pricing-page .public-pricing-catalog-route-price-intro {
  border-bottom: 1px solid var(--mf-public-line);
  min-width: 0;
  color: var(--mf-public-muted);
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  padding: .7rem 1.25rem .55rem;
  font-size: .625rem;
  display: flex;
}

.public-pricing-page .public-pricing-catalog-route-price-intro strong {
  color: var(--mf-public-ink);
  font-family: var(--mf-public-mono);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .6875rem;
  font-weight: 650;
}

.public-pricing-page .public-pricing-catalog-route-price-intro span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.public-pricing-page .public-pricing-catalog-route-price-legend {
  align-items: baseline;
  gap: .5rem;
  display: inline-flex;
}

.public-pricing-page .public-pricing-catalog-route-price-legend del {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-catalog-route-price-legend del {
    color: color-mix(in srgb, var(--mf-public-ink) 48%, transparent);
  }
}

.public-pricing-page .public-pricing-catalog-route-price-legend del {
  font-family: var(--mf-public-mono);
  font-size: .5625rem;
  text-decoration-thickness: 1px;
}

.public-pricing-page .public-pricing-catalog-route-price-scroll {
  overscroll-behavior-inline: contain;
  scrollbar-color: var(--mf-public-line-strong) transparent;
  scrollbar-width: thin;
  min-width: 0;
  overflow: auto hidden;
}

.public-pricing-page .public-pricing-catalog-route-price-scroll::-webkit-scrollbar {
  height: .3125rem;
}

.public-pricing-page .public-pricing-catalog-route-price-scroll::-webkit-scrollbar-track {
  background: none;
}

.public-pricing-page .public-pricing-catalog-route-price-scroll::-webkit-scrollbar-thumb {
  background: var(--mf-public-line-strong);
  border-radius: 999px;
}

.public-pricing-page .public-pricing-catalog-route-price-list {
  align-items: stretch;
  gap: .75rem;
  width: max-content;
  min-width: 100%;
  min-height: 9.5rem;
  padding: .75rem 1.25rem 1rem;
  display: flex;
}

.public-pricing-page .public-pricing-catalog-route-price {
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-action);
  background: var(--mf-public-panel);
  flex-direction: column;
  flex: 0 0 20rem;
  justify-content: flex-start;
  gap: .4rem;
  min-width: 20rem;
  height: auto;
  min-height: 7.75rem;
  display: flex;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-catalog-route-price {
    background: color-mix(in srgb,
    var(--mf-public-panel) 92%,
    var(--mf-catalog-acid) 8%);
  }
}

.public-pricing-page .public-pricing-catalog-route-price {
  padding: .75rem;
}

.public-pricing-page .public-pricing-catalog-route-price-heading {
  min-width: 0;
  font-family: var(--mf-public-mono);
  justify-content: space-between;
  align-items: flex-start;
  gap: .75rem;
  font-size: .625rem;
  line-height: 1.25;
  display: flex;
}

.public-pricing-page .public-pricing-catalog-route-price-name {
  min-width: 0;
  color: var(--mf-public-ink);
  font-weight: 500;
  line-height: 1.35;
  overflow: hidden;
}

.public-pricing-page .public-pricing-catalog-route-price-badges {
  flex-wrap: wrap;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  gap: .25rem;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-catalog-route-price-badges [data-slot="badge"] {
  max-width: 8rem;
  height: 1.125rem;
  padding-inline: .35rem;
  font-size: .5rem;
  line-height: 1;
}

.public-pricing-page .public-pricing-catalog-route-price-multiplier {
  color: var(--mf-public-muted);
  font-variant-numeric: tabular-nums;
  flex: none;
  font-weight: 500;
}

.public-pricing-page .public-pricing-catalog-route-price-description {
  min-height: 1.7rem;
  color: var(--mf-public-muted);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: .625rem;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.public-pricing-page .public-pricing-catalog-route-price-values {
  min-width: 0;
  font-family: var(--mf-public-mono);
  flex-wrap: wrap;
  align-items: baseline;
  gap: .75rem;
  line-height: 1.25;
  display: flex;
  overflow: hidden;
}

.public-pricing-page .public-pricing-catalog-route-price-metric {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  gap: .125rem;
  min-width: 0;
  display: inline-flex;
}

.public-pricing-page .public-pricing-catalog-route-price-metric > span {
  color: var(--mf-public-muted);
  font-size: .5625rem;
  font-weight: 500;
}

.public-pricing-page .public-pricing-catalog-route-price-metric-values {
  align-items: baseline;
  gap: .35rem;
  min-width: 0;
  display: inline-flex;
}

.public-pricing-page .public-pricing-catalog-route-price-metric-values del {
  color: var(--mf-public-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-catalog-route-price-metric-values del {
    color: color-mix(in srgb, var(--mf-public-ink) 38%, transparent);
  }
}

.public-pricing-page .public-pricing-catalog-route-price-metric-values del {
  font-size: .625rem;
  text-decoration-thickness: 1px;
}

.public-pricing-page .public-pricing-catalog-route-price-metric-values strong {
  color: var(--mf-public-ink);
  font-variant-numeric: tabular-nums;
  font-size: .75rem;
  font-weight: 650;
}

.public-pricing-page .public-pricing-catalog-route-price-values > small {
  color: var(--mf-public-muted);
  flex: none;
  font-size: .5625rem;
  font-weight: 400;
}

.public-pricing-page .public-pricing-catalog-route-price-percent {
  border-top: 1px solid var(--mf-public-line);
  min-width: 0;
  color: var(--mf-catalog-acid, var(--mf-public-ink));
  font-family: var(--mf-public-mono);
  margin-top: auto;
  padding-top: .4rem;
  font-size: .5625rem;
  line-height: 1.35;
  display: flex;
}

.public-pricing-page .public-pricing-catalog-detail-link {
  border-color: var(--mf-public-line-strong);
  background: var(--mf-public-panel);
  width: 100%;
  min-width: 0;
  color: var(--mf-public-ink);
  white-space: nowrap;
  justify-content: center;
  font-size: .6875rem;
  text-decoration: none !important;
}

.public-pricing-page .public-pricing-catalog-detail-link:hover {
  border-color: var(--mf-public-ink);
  background: var(--mf-public-panel-strong);
}

.public-pricing-page .public-pricing-catalog-placeholder {
  color: var(--mf-public-muted);
  font-family: var(--mf-public-mono);
  font-size: .75rem;
}

.public-pricing-page .public-pricing-catalog-empty {
  border: 0;
  border-radius: 0;
  min-height: 15rem;
}

.public-pricing-page .public-pricing-catalog-footer {
  border-top: 1px solid var(--mf-public-line);
  min-height: 3rem;
  color: var(--mf-public-muted);
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.25rem;
  font-size: .6875rem;
  display: flex;
}

.public-pricing-page .public-pricing-catalog-footer > span {
  background: var(--mf-catalog-acid);
  border-radius: 50%;
  flex: none;
  width: .375rem;
  height: .375rem;
}

.public-pricing-page .public-pricing-catalog-footer p {
  margin: 0;
}

.public-pricing-page .public-pricing-catalog-loading-stage {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-catalog-loading-tabs {
  border-bottom: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-panel-strong);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  place-items: center;
  min-height: 3.5rem;
  padding: .625rem 1rem;
  display: grid;
}

.public-pricing-page .public-pricing-catalog-loading-toolbar {
  border-bottom: 1px solid var(--mf-public-line-strong);
  grid-template-columns: minmax(16rem, 1fr) minmax(10rem, 12rem) minmax(10rem, 12rem) auto;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  padding: 1rem 1.25rem;
  display: grid;
}

.public-pricing-page .public-pricing-catalog-loading-provider-list {
  min-width: 0;
}

.public-pricing-page .public-pricing-catalog-loading-provider-section {
  border-top: 1px solid var(--mf-public-line-strong);
  min-width: 0;
}

.public-pricing-page .public-pricing-catalog-loading-provider-section:first-child {
  border-top: 0;
}

.public-pricing-page .public-pricing-catalog-loading-provider-heading {
  border-bottom: 1px solid var(--mf-public-line);
  background: var(--mf-public-panel-strong);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  min-height: 2.75rem;
  padding: .625rem 1.25rem;
  display: flex;
}

.public-pricing-page .public-pricing-catalog-loading-row {
  border-bottom: 1px solid var(--mf-public-line);
  min-width: 0;
}

.public-pricing-page .public-pricing-catalog-loading-row:last-child {
  border-bottom: 0;
}

.public-pricing-page .public-pricing-catalog-loading-row-main {
  grid-template-columns: minmax(13rem, 1.15fr) minmax(14rem, 1fr) auto 1rem;
  align-items: center;
  gap: 1rem;
  min-height: 4.25rem;
  padding: .6875rem 1.25rem;
  display: grid;
}

.public-pricing-page .public-pricing-catalog-loading-route-prices {
  border-top: 1px solid var(--mf-public-line-strong);
  background: var(--mf-public-ink);
  align-items: center;
  gap: .5rem;
  min-width: 0;
  min-height: 3.5rem;
  display: flex;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-catalog-loading-route-prices {
    background: color-mix(in srgb,
    var(--mf-public-ink) 4%,
    var(--mf-public-panel-strong));
  }
}

.public-pricing-page .public-pricing-catalog-loading-route-prices {
  padding: .375rem 1.25rem;
}

.public-pricing-page .public-pricing-catalog-loading-price-card {
  border: 1px solid var(--mf-public-line-strong);
  border-radius: var(--mf-landing-radius-action);
  background: var(--mf-public-panel);
  flex-direction: column;
  flex: 0 0 16rem;
  justify-content: center;
  gap: .25rem;
  min-width: 16rem;
  height: 2.75rem;
  padding: .25rem .625rem;
  display: flex;
  overflow: hidden;
}

.public-pricing-page .public-pricing-catalog-loading-footer {
  min-height: 3rem;
  padding: .875rem 1.25rem;
}

@media (max-width: 1100px) {
  .public-pricing-page .public-pricing-catalog-toolbar, .public-pricing-page .public-pricing-catalog-loading-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-pricing-page .public-pricing-catalog-search, .public-pricing-page .public-pricing-catalog-loading-toolbar > :first-child {
    grid-column: 1 / -1;
  }

  .public-pricing-page .public-pricing-catalog-price-controls, .public-pricing-page .public-pricing-catalog-loading-toolbar > :last-child {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .public-pricing-page .public-pricing-catalog-model-main {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: .625rem 1rem;
  }

  .public-pricing-page .public-pricing-catalog-model-main > .public-pricing-catalog-model-identity {
    grid-area: 1 / 1;
  }

  .public-pricing-page .public-pricing-catalog-model-main > .public-pricing-catalog-capabilities {
    grid-area: 2 / 1 / auto / -1;
  }

  .public-pricing-page .public-pricing-catalog-model-main > .public-pricing-catalog-route-count {
    grid-area: 1 / 2;
    align-self: center;
  }

  .public-pricing-page .public-pricing-catalog-loading-row-main {
    grid-template-columns: minmax(0, 1fr) auto 1rem;
    align-items: start;
    gap: .625rem 1rem;
  }

  .public-pricing-page .public-pricing-catalog-loading-row-main > :first-child {
    grid-area: 1 / 1;
  }

  .public-pricing-page .public-pricing-catalog-loading-row-main > :nth-child(2) {
    grid-area: 2 / 1 / auto / 3;
  }

  .public-pricing-page .public-pricing-catalog-loading-row-main > :nth-child(3) {
    grid-area: 1 / 2;
    align-self: center;
  }

  .public-pricing-page .public-pricing-catalog-loading-row-main > :last-child {
    grid-area: 1 / 3;
    align-self: center;
  }
}

@media (max-width: 700px) {
  .public-pricing-page .public-pricing-explorer {
    margin-top: 2.5rem;
  }

  .public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"] {
    min-height: 3.5rem;
    padding: .5rem;
    font-size: .8125rem;
  }

  .public-pricing-page .public-pricing-catalog-toolbar, .public-pricing-page .public-pricing-catalog-loading-toolbar {
    gap: .625rem;
    padding: .875rem 1rem;
  }

  .public-pricing-page .public-pricing-catalog-route-price-intro, .public-pricing-page .public-pricing-catalog-provider-heading, .public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"], .public-pricing-page .public-pricing-catalog-route-price-list, .public-pricing-page .public-pricing-catalog-loading-provider-heading, .public-pricing-page .public-pricing-catalog-loading-row-main, .public-pricing-page .public-pricing-catalog-loading-route-prices, .public-pricing-page .public-pricing-catalog-footer, .public-pricing-page .public-pricing-catalog-loading-footer {
    padding-inline: 1rem;
  }

  .public-pricing-page .public-pricing-catalog-route-price, .public-pricing-page .public-pricing-catalog-loading-price-card {
    flex-basis: clamp(18rem, 82vw, 20rem);
    min-width: clamp(18rem, 82vw, 20rem);
  }
}

@media (max-width: 520px) {
  .public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"] {
    text-align: center;
    flex-direction: column;
    gap: .25rem;
    padding: .375rem .25rem;
  }

  .public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"]:after {
    left: .5rem;
    right: .5rem;
  }

  .public-pricing-page .public-pricing-catalog-toolbar, .public-pricing-page .public-pricing-catalog-loading-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-pricing-page .public-pricing-catalog-search, .public-pricing-page .public-pricing-catalog-price-controls, .public-pricing-page .public-pricing-catalog-loading-toolbar > * {
    grid-column: 1;
  }

  .public-pricing-page .public-pricing-catalog-price-controls {
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
  }

  .public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"] {
    align-items: flex-start;
    gap: .625rem;
    padding-block: .75rem;
  }

  .public-pricing-page .public-pricing-catalog-model-main, .public-pricing-page .public-pricing-catalog-loading-row-main {
    gap: .625rem;
  }

  .public-pricing-page .public-pricing-catalog-route-count > span {
    display: none;
  }

  .public-pricing-page .public-pricing-catalog-model-name {
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
    overflow: visible;
  }

  .public-pricing-page .public-pricing-catalog-loading-row-main > :nth-child(3) > :last-child {
    display: none;
  }
}

@media (max-width: 360px) {
  .public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"] {
    font-size: .75rem;
  }

  .public-pricing-page .public-pricing-catalog-provider-heading, .public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"], .public-pricing-page .public-pricing-catalog-route-price-list, .public-pricing-page .public-pricing-catalog-route-price-intro, .public-pricing-page .public-pricing-catalog-loading-provider-heading, .public-pricing-page .public-pricing-catalog-loading-row-main, .public-pricing-page .public-pricing-catalog-loading-route-prices, .public-pricing-page .public-pricing-catalog-footer, .public-pricing-page .public-pricing-catalog-loading-footer {
    padding-inline: .75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"] {
    transition: none;
  }

  .public-pricing-page [data-slot="accordion-content"] {
    animation: none;
  }
}

.cheapai-public-surface.public-pricing-page {
  --mf-pricing-accent: #5f711c;
  --mf-pricing-accent-strong: #465612;
  --mf-pricing-accent-soft: #f1f4e9;
  --mf-pricing-accent-wash: #fafbf8;
  --mf-pricing-accent-ink: #263008;
  --mf-pricing-bg: #f7f9f6;
  --mf-pricing-panel: #fff;
  --mf-pricing-panel-subtle: #f3f6f1;
  --mf-pricing-ink: #171b16;
  --mf-pricing-muted: #667064;
  --mf-pricing-line: #dfe5dc;
  --mf-pricing-line-strong: #c9d3c5;
  --mf-pricing-shadow: #23341312;
  --mf-public-brand: var(--mf-pricing-accent);
  --mf-catalog-acid: var(--mf-pricing-accent);
  --mf-public-bg: var(--mf-pricing-bg);
  --mf-public-panel: var(--mf-pricing-panel);
  --mf-public-panel-strong: var(--mf-pricing-panel-subtle);
  --mf-public-ink: var(--mf-pricing-ink);
  --mf-public-brand-foreground: var(--mf-pricing-accent-ink);
  --mf-public-muted: var(--mf-pricing-muted);
  --mf-public-line: var(--mf-pricing-line);
  --mf-public-line-soft: var(--mf-pricing-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-public-surface.public-pricing-page {
    --mf-public-line-soft: color-mix(in srgb,
    var(--mf-pricing-ink) 5%,
    transparent);
  }
}

.cheapai-public-surface.public-pricing-page {
  --mf-public-line-strong: var(--mf-pricing-line-strong);
  --mf-public-shadow-soft: 0 16px 42px -34px var(--mf-pricing-shadow);
  --mf-public-shadow-medium: 0 20px 54px -38px var(--mf-pricing-shadow);
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

html.dark .cheapai-public-surface.public-pricing-page {
  --mf-pricing-accent: #d7ff00;
  --mf-pricing-accent-strong: #edff80;
  --mf-pricing-accent-soft: #d7ff000f;
  --mf-pricing-accent-wash: #d7ff0008;
  --mf-pricing-accent-ink: #0b0d0b;
  --mf-pricing-bg: #0a0d0b;
  --mf-pricing-panel: #111410;
  --mf-pricing-panel-subtle: #151915;
  --mf-pricing-ink: #f3f5ef;
  --mf-pricing-muted: #9ba198;
  --mf-pricing-line: #ecf5e41f;
  --mf-pricing-line-strong: #ecf5e438;
  --mf-pricing-shadow: #00000057;
  --mf-public-brand: var(--mf-pricing-accent);
  --mf-catalog-acid: var(--mf-pricing-accent);
  --mf-public-bg: var(--mf-pricing-bg);
  --mf-public-panel: var(--mf-pricing-panel);
  --mf-public-panel-strong: var(--mf-pricing-panel-subtle);
  --mf-public-ink: var(--mf-pricing-ink);
  --mf-public-brand-foreground: var(--mf-pricing-accent);
  --mf-public-muted: var(--mf-pricing-muted);
  --mf-public-line: var(--mf-pricing-line);
  --mf-public-line-soft: #ecf5e40f;
  --mf-public-line-strong: var(--mf-pricing-line-strong);
  --mf-public-shadow-soft: 0 18px 48px -34px var(--mf-pricing-shadow);
  --mf-public-shadow-medium: 0 24px 64px -40px var(--mf-pricing-shadow);
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

.public-pricing-page {
  color: var(--mf-pricing-ink);
}

.public-pricing-page .public-pricing-catalog-shell {
  border-color: var(--mf-pricing-line-strong);
  background: var(--mf-pricing-panel);
  box-shadow: var(--mf-public-shadow-soft);
  border-radius: 1rem;
}

.public-pricing-page .public-pricing-catalog-tabs-list[data-slot="tabs-list"] {
  border-bottom-color: var(--mf-pricing-line-strong);
  background: var(--mf-pricing-panel-subtle);
}

.public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"] {
  border-right-color: var(--mf-pricing-line);
  color: var(--mf-pricing-muted);
  transition: none;
}

.public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"]:after {
  background: var(--mf-pricing-accent);
  border-radius: 999px 999px 0 0;
  height: 2px;
  left: 1.25rem;
  right: 1.25rem;
}

.public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"]:hover {
  background: var(--mf-pricing-panel-subtle);
}

.public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"][data-active] {
  color: var(--mf-pricing-ink);
  background: none;
  font-weight: 700;
}

.public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"][data-active] [data-slot="badge"] {
  border-color: var(--mf-pricing-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"][data-active] [data-slot="badge"] {
    border-color: color-mix(in srgb,
    var(--mf-pricing-accent) 42%,
    var(--mf-pricing-line-strong));
  }
}

.public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"][data-active] [data-slot="badge"] {
  background: var(--mf-pricing-panel);
  color: var(--mf-pricing-accent-strong);
}

.public-pricing-page .public-pricing-catalog-toolbar {
  border-bottom-color: var(--mf-pricing-line-strong);
  background: var(--mf-pricing-panel);
}

.public-pricing-page .public-pricing-catalog-search .public-catalog-search-input {
  color: var(--mf-pricing-ink);
  border-color: var(--mf-pricing-line-strong) !important;
  background: var(--mf-pricing-panel) !important;
}

.public-pricing-page .public-pricing-catalog-search .public-catalog-search-input:focus {
  border-color: var(--mf-pricing-accent-strong) !important;
  box-shadow: 0 0 0 3px var(--mf-pricing-accent-soft) !important;
}

.public-pricing-page .public-pricing-catalog-select [data-slot="native-select"] {
  border-color: var(--mf-pricing-line-strong);
  background: var(--mf-pricing-panel);
  color: var(--mf-pricing-ink);
}

.public-pricing-page .public-pricing-catalog-price-controls [data-slot="toggle-group"] {
  border-color: var(--mf-pricing-line-strong);
  background: var(--mf-pricing-panel);
}

.public-pricing-page .public-pricing-catalog-price-controls [data-slot="toggle-group"] > [aria-pressed="true"] {
  background: var(--mf-pricing-ink);
  color: var(--mf-pricing-panel);
}

.public-pricing-page .public-pricing-catalog-provider-section {
  border-top-color: var(--mf-pricing-line-strong);
}

.public-pricing-page .public-pricing-catalog-provider-heading {
  border-bottom-color: var(--mf-pricing-line);
  background: var(--mf-pricing-panel-subtle);
}

.public-pricing-page .public-pricing-catalog-provider-heading h2:before {
  background: var(--mf-pricing-accent);
  flex-basis: .3125rem;
  width: .3125rem;
  height: .3125rem;
}

.public-pricing-page .public-pricing-catalog-provider-heading [data-slot="badge"] {
  border-color: var(--mf-pricing-line-strong);
  background: var(--mf-pricing-panel);
}

.public-pricing-page .public-pricing-catalog-model-item[data-slot="accordion-item"] {
  border-bottom-color: var(--mf-pricing-line);
}

.public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"] {
  border-left: 3px solid #0000;
  min-height: 4.75rem;
  transition: none !important;
}

.public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"]:hover {
  background: var(--mf-pricing-panel-subtle);
}

.public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"][aria-expanded="true"] {
  border-left-color: var(--mf-pricing-accent);
  background: var(--mf-pricing-panel);
}

.public-pricing-page .public-pricing-catalog-model-identity {
  align-items: center;
  gap: .75rem;
}

.public-pricing-page .public-pricing-catalog-model-icon {
  border-color: var(--mf-pricing-line-strong);
  background: var(--mf-pricing-panel);
  width: 2.625rem;
  height: 2.625rem;
  color: var(--mf-pricing-muted);
  border-radius: .75rem;
  flex-basis: 2.625rem;
}

.public-pricing-page .public-pricing-catalog-model-icon > * {
  max-width: 1.625rem;
  max-height: 1.625rem;
}

.public-pricing-page .public-pricing-catalog-model-copy {
  flex-direction: column;
  justify-content: center;
  gap: .2rem;
  min-width: 0;
  padding-top: 0;
  display: flex;
}

.public-pricing-page .public-pricing-catalog-model-name {
  color: var(--mf-pricing-ink);
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
  font-size: .8125rem;
  line-height: 1.3;
  overflow: visible;
}

.public-pricing-page .public-pricing-catalog-model-description {
  max-width: 34rem;
  color: var(--mf-pricing-muted);
  overflow-wrap: anywhere;
  font-size: .625rem;
  line-height: 1.35;
  display: block;
}

.public-pricing-page .public-pricing-catalog-capabilities {
  gap: .3125rem;
}

.public-pricing-page .public-pricing-catalog-capabilities [data-slot="badge"] {
  border-color: var(--mf-pricing-line);
  background: none;
}

.public-pricing-page .public-pricing-catalog-route-count {
  color: var(--mf-pricing-muted);
}

.public-pricing-page .public-pricing-catalog-route-count [data-slot="badge"] {
  border-color: var(--mf-pricing-line-strong);
  background: var(--mf-pricing-panel-subtle);
  color: var(--mf-pricing-ink);
}

.public-pricing-page .public-pricing-catalog-route-prices {
  border-top-color: var(--mf-pricing-line-strong);
  background: var(--mf-pricing-panel-subtle);
}

.public-pricing-page .public-pricing-catalog-route-price-intro {
  border-bottom-color: var(--mf-pricing-line);
  padding-block: .75rem .625rem;
}

.public-pricing-page .public-pricing-catalog-route-price-intro strong {
  color: var(--mf-pricing-ink);
}

.public-pricing-page .public-pricing-catalog-route-price-intro span {
  color: var(--mf-pricing-muted);
}

.public-pricing-page .public-pricing-catalog-route-price-legend {
  gap: .4rem;
}

.public-pricing-page .public-pricing-catalog-route-price-legend del {
  color: var(--mf-pricing-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-catalog-route-price-legend del {
    color: color-mix(in srgb, var(--mf-pricing-ink) 46%, transparent);
  }
}

.public-pricing-page .public-pricing-catalog-route-price-scroll {
  overflow: visible;
}

.public-pricing-page .public-pricing-catalog-route-price-list {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  align-items: stretch;
  gap: .625rem;
  width: auto;
  min-width: 0;
  min-height: 0;
  padding: .75rem 1rem 1rem;
  display: grid;
}

.public-pricing-page .public-pricing-catalog-route-price {
  flex: initial;
  border-color: var(--mf-pricing-line-strong);
  background: var(--mf-pricing-panel);
  min-width: 0;
  height: auto;
  min-height: 9.25rem;
  box-shadow: 0 8px 24px -24px var(--mf-pricing-shadow);
  border-radius: .75rem;
  gap: .5rem;
  padding: .875rem;
  overflow: visible;
}

.public-pricing-page .public-pricing-catalog-route-price[data-recommended="true"] {
  border-color: var(--mf-pricing-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-catalog-route-price[data-recommended="true"] {
    border-color: color-mix(in srgb,
    var(--mf-pricing-accent) 58%,
    var(--mf-pricing-line-strong));
  }
}

.public-pricing-page .public-pricing-catalog-route-price[data-recommended="true"] {
  background: var(--mf-pricing-panel);
  box-shadow: inset 2px 0 0 var(--mf-pricing-accent);
}

.public-pricing-page .public-pricing-catalog-route-price[data-locked="true"] {
  opacity: 1;
}

.public-pricing-page .public-pricing-catalog-route-price-heading {
  align-items: center;
  gap: .5rem;
}

.public-pricing-page .public-pricing-catalog-route-price-name {
  color: var(--mf-pricing-ink);
  overflow-wrap: anywhere;
  white-space: normal;
}

.public-pricing-page .public-pricing-catalog-route-price-badges {
  max-width: 58%;
}

.public-pricing-page .public-pricing-catalog-route-price-badges [data-slot="badge"] {
  border-color: var(--mf-pricing-line-strong);
  background: var(--mf-pricing-panel-subtle);
  height: auto;
  min-height: 1.25rem;
  color: var(--mf-pricing-ink);
  white-space: normal;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  line-height: 1.1;
  display: inline-flex;
  transition: none !important;
}

.public-pricing-page .public-pricing-catalog-route-price-badges [data-slot="badge"]:first-child {
  border-color: var(--mf-pricing-line-strong) !important;
}

.public-pricing-page .public-pricing-catalog-route-price-badges [data-positioning] {
  border-color: var(--mf-pricing-line-strong);
  background: var(--mf-pricing-panel-subtle);
  color: var(--mf-pricing-ink);
}

.public-pricing-page .public-pricing-catalog-route-price-badges [data-positioning]:before {
  background: var(--mf-pricing-accent);
  content: "";
  border-radius: 50%;
  flex: 0 0 .3rem;
  width: .3rem;
  height: .3rem;
  margin-right: .3rem;
}

.public-pricing-page .public-pricing-catalog-route-price-badges [data-positioning="stable"]:before {
  background: var(--mf-pricing-muted);
}

.public-pricing-page .public-pricing-catalog-route-price-badges [data-positioning="campaign"]:before {
  background: var(--mf-pricing-accent-strong);
}

.public-pricing-page .public-pricing-catalog-route-price-badges [data-slot="badge"][data-variant="default"] {
  border-color: var(--mf-pricing-line-strong);
  background: var(--mf-pricing-panel-subtle);
  color: var(--mf-pricing-ink);
}

.public-pricing-page .public-pricing-catalog-route-price-multiplier {
  border: 1px solid var(--mf-pricing-line);
  background: var(--mf-pricing-panel);
  min-height: 1.25rem;
  color: var(--mf-pricing-muted);
  border-radius: 999px;
  align-items: center;
  padding: .2rem .4rem;
  line-height: 1.1;
  display: inline-flex;
  transition: none !important;
}

.public-pricing-page .public-pricing-catalog-route-price[data-route-kind="campaign"] .public-pricing-catalog-route-price-description {
  color: var(--mf-pricing-ink);
}

.public-pricing-page .public-pricing-catalog-route-price-description {
  min-height: 2.45rem;
  max-height: 2.45rem;
  color: var(--mf-pricing-muted);
  overflow-wrap: anywhere;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: .625rem;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.public-pricing-page .public-pricing-catalog-route-price-values {
  grid-template-columns: repeat(auto-fit, minmax(6.5rem, 1fr));
  gap: .5rem;
  display: grid;
  overflow: visible;
}

.public-pricing-page .public-pricing-catalog-route-price-metric {
  min-width: 0;
}

.public-pricing-page .public-pricing-catalog-route-price-metric-values {
  overflow-wrap: anywhere;
  align-items: baseline;
  max-width: 100%;
}

.public-pricing-page .public-pricing-catalog-route-price-metric-values del {
  color: var(--mf-pricing-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-catalog-route-price-metric-values del {
    color: color-mix(in srgb, var(--mf-pricing-ink) 40%, transparent);
  }
}

.public-pricing-page .public-pricing-catalog-route-price-metric-values strong {
  color: var(--mf-pricing-ink);
}

.public-pricing-page .public-pricing-catalog-route-price-metric-values small {
  color: var(--mf-pricing-muted);
  white-space: nowrap;
  font-size: .5625rem;
  line-height: 1;
}

.public-pricing-page .public-pricing-catalog-route-price-percent {
  border-top-color: var(--mf-pricing-line);
  min-height: 1.75rem;
  color: var(--mf-pricing-accent-strong);
  align-items: center;
  padding-top: .45rem;
  line-height: 1.2;
}

.public-pricing-page .public-pricing-catalog-route-price, .public-pricing-page .public-pricing-catalog-detail-link, .public-pricing-page [data-public-subscription-plan] {
  transition: none !important;
}

.public-pricing-page .public-pricing-catalog-detail-link {
  border-color: var(--mf-pricing-line-strong);
  background: var(--mf-pricing-panel);
  width: auto;
  min-width: 9rem;
  min-height: 2.5rem;
  color: var(--mf-pricing-ink);
}

.public-pricing-page .public-pricing-catalog-detail-link:hover {
  border-color: var(--mf-pricing-accent-strong);
  background: var(--mf-pricing-panel-subtle);
  color: var(--mf-pricing-ink);
}

.public-pricing-page .public-pricing-catalog-footer {
  border-top-color: var(--mf-pricing-line);
}

.public-pricing-page .public-pricing-catalog-footer > span {
  background: var(--mf-pricing-accent);
  width: .3125rem;
  height: .3125rem;
}

.public-pricing-page [data-public-subscription-section] {
  --background: var(--mf-pricing-bg);
  --foreground: var(--mf-pricing-ink);
  --card: var(--mf-pricing-panel);
  --card-foreground: var(--mf-pricing-ink);
  --muted: var(--mf-pricing-panel-subtle);
  --muted-foreground: var(--mf-pricing-muted);
  --border: var(--mf-pricing-line-strong);
  --primary: var(--mf-pricing-accent);
  --primary-foreground: var(--mf-pricing-accent-ink);
  --reward: var(--mf-pricing-accent-strong);
}

.public-pricing-page [data-public-subscription-plan-grid] {
  gap: .875rem;
}

.public-pricing-page [data-public-subscription-plan] {
  border-color: var(--mf-pricing-line-strong);
  background: var(--mf-pricing-panel);
  min-height: 16.25rem;
  box-shadow: 0 10px 28px -28px var(--mf-pricing-shadow);
  border-radius: .875rem;
}

.public-pricing-page [data-public-subscription-plan-bonus] {
  border-color: var(--mf-pricing-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page [data-public-subscription-plan-bonus] {
    border-color: color-mix(in srgb,
    var(--mf-pricing-accent) 42%,
    var(--mf-pricing-line-strong));
  }
}

.public-pricing-page [data-public-subscription-plan-bonus] {
  background: var(--mf-pricing-panel-subtle);
  color: var(--mf-pricing-accent-strong);
}

.public-pricing-page [data-public-subscription-plan-duration], .public-pricing-page [data-public-subscription-plan-credit-panel] {
  border-color: var(--mf-pricing-line);
  background: var(--mf-pricing-panel-subtle);
}

.public-pricing-page [data-public-subscription-plan-bonus-copy] {
  color: var(--mf-pricing-accent-strong);
}

.public-pricing-page [data-public-subscription-maximum-bonus] {
  border-color: var(--mf-pricing-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page [data-public-subscription-maximum-bonus] {
    border-color: color-mix(in srgb,
    var(--mf-pricing-accent) 48%,
    var(--mf-pricing-line-strong));
  }
}

.public-pricing-page [data-public-subscription-maximum-bonus] {
  background: var(--mf-pricing-panel-subtle);
  color: var(--mf-pricing-accent-strong);
}

@media (hover: hover) and (pointer: fine) {
  .public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"], .public-pricing-page .public-pricing-catalog-route-price, .public-pricing-page .public-pricing-catalog-detail-link, .public-pricing-page [data-public-subscription-plan] {
    transition: none;
  }

  .public-pricing-page .public-pricing-catalog-route-price:hover {
    border-color: var(--mf-pricing-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .public-pricing-page .public-pricing-catalog-route-price:hover {
      border-color: color-mix(in srgb,
      var(--mf-pricing-accent) 45%,
      var(--mf-pricing-line-strong));
    }
  }

  .public-pricing-page .public-pricing-catalog-route-price:hover {
    box-shadow: 0 12px 30px -26px var(--mf-pricing-shadow);
  }

  .public-pricing-page [data-public-subscription-plan]:hover {
    border-color: var(--mf-pricing-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .public-pricing-page [data-public-subscription-plan]:hover {
      border-color: color-mix(in srgb,
      var(--mf-pricing-accent) 38%,
      var(--mf-pricing-line-strong));
    }
  }

  .public-pricing-page [data-public-subscription-plan]:hover {
    background: var(--mf-pricing-panel-subtle);
  }
}

@media (max-width: 1100px) {
  .public-pricing-page .public-pricing-catalog-model-main {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .public-pricing-page .public-pricing-catalog-model-description {
    max-width: 30rem;
  }
}

@media (max-width: 900px) {
  .public-pricing-page .public-pricing-catalog-route-price-list, .public-pricing-page [data-public-subscription-plan-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .public-pricing-page .public-pricing-catalog-route-price-intro {
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
  }

  .public-pricing-page .public-pricing-catalog-route-price-intro span {
    white-space: normal;
    overflow: visible;
  }

  .public-pricing-page .public-pricing-catalog-route-price-list {
    grid-template-columns: minmax(0, 1fr);
    gap: .625rem;
    padding: .625rem .75rem .75rem;
  }

  .public-pricing-page .public-pricing-catalog-route-price {
    min-width: 0;
    min-height: 0;
  }

  .public-pricing-page .public-pricing-catalog-detail-link {
    width: 100%;
  }

  .public-pricing-page .public-pricing-catalog-route-price-description {
    min-height: 0;
  }

  .public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"] {
    padding-inline: .875rem;
  }

  .public-pricing-page .public-pricing-catalog-model-description {
    max-width: none;
  }
}

@media (max-width: 639px) {
  .public-pricing-page [data-public-subscription-plan-grid] {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-pricing-page [data-public-subscription-plan] {
    min-height: 0;
  }
}

@media (max-width: 520px) {
  .public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"] {
    min-height: 4.5rem;
    padding-block: .75rem;
  }

  .public-pricing-page .public-pricing-catalog-model-main {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .625rem .75rem;
  }

  .public-pricing-page .public-pricing-catalog-model-icon {
    flex-basis: 2.375rem;
    width: 2.375rem;
    height: 2.375rem;
  }

  .public-pricing-page .public-pricing-catalog-model-name {
    font-size: .75rem;
  }

  .public-pricing-page .public-pricing-catalog-model-description {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .public-pricing-page .public-pricing-catalog-route-price-badges {
    max-width: 62%;
  }

  .public-pricing-page .public-pricing-catalog-route-price-values {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 360px) {
  .public-pricing-page .public-pricing-catalog-route-price-list {
    padding-inline: .625rem;
  }

  .public-pricing-page .public-pricing-catalog-route-price {
    padding: .75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .public-pricing-page .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"], .public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"], .public-pricing-page .public-pricing-catalog-route-price, .public-pricing-page .public-pricing-catalog-detail-link, .public-pricing-page [data-public-subscription-plan] {
    transition: none;
  }
}

.public-pricing-page :is(button:not(:disabled), [role="button"]:not([aria-disabled="true"]), [data-public-subscription-plan]):is(:active, :hover) {
  transform: none !important;
}

.public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"] {
  transition: background-color .18s var(--mf-landing-ease-interface),
    border-color .18s var(--mf-landing-ease-interface),
    box-shadow .18s var(--mf-landing-ease-interface) !important;
  transform: none !important;
}

.public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"]:hover {
  box-shadow: inset 0 0 0 1px var(--mf-pricing-line-strong);
}

.public-pricing-page .public-pricing-catalog-route-price {
  transition: background-color .18s var(--mf-landing-ease-interface),
    border-color .18s var(--mf-landing-ease-interface),
    box-shadow .18s var(--mf-landing-ease-interface) !important;
  transform: none !important;
}

.public-pricing-page .public-pricing-catalog-route-price:hover {
  border-color: var(--mf-pricing-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .public-pricing-page .public-pricing-catalog-route-price:hover {
    border-color: color-mix(in srgb,
    var(--mf-pricing-accent) 48%,
    var(--mf-pricing-line-strong));
  }
}

.public-pricing-page .public-pricing-catalog-route-price:hover {
  background: var(--mf-pricing-panel);
  box-shadow: 0 12px 30px -26px var(--mf-pricing-shadow);
}

.public-pricing-page .public-pricing-catalog-detail-link {
  transition: background-color .16s var(--mf-landing-ease-interface),
    border-color .16s var(--mf-landing-ease-interface),
    color .16s var(--mf-landing-ease-interface) !important;
  transform: none !important;
}

.public-pricing-page [data-public-subscription-plan] {
  transition: background-color .18s var(--mf-landing-ease-interface),
    border-color .18s var(--mf-landing-ease-interface),
    box-shadow .18s var(--mf-landing-ease-interface) !important;
  transform: none !important;
}

.public-pricing-page [data-slot="accordion-content"] {
  box-sizing: border-box;
  height: var(--accordion-panel-height);
  opacity: 1;
  transition: height .22s cubic-bezier(.22, 1, .36, 1), opacity .16s linear;
  overflow: hidden;
  animation: none !important;
}

.public-pricing-page [data-slot="accordion-content"]:is([data-starting-style], [data-ending-style]) {
  opacity: 0;
  height: 0;
}

.public-pricing-page .public-pricing-catalog-route-price-heading {
  min-height: 1.5rem;
}

.public-pricing-page .public-pricing-catalog-route-price-name {
  overflow-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  overflow: hidden;
}

.public-pricing-page .public-pricing-catalog-route-price-badges {
  flex-wrap: nowrap;
  overflow: hidden;
}

.public-pricing-page .public-pricing-catalog-route-price-badges [data-slot="badge"] {
  white-space: nowrap;
  flex: none;
  max-width: none;
  padding-inline: .25rem;
}

.public-pricing-page .public-pricing-catalog-route-price-multiplier {
  white-space: nowrap;
  flex: none;
  padding-inline: .25rem;
}

.public-pricing-page .public-pricing-catalog-route-price-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: minmax(10.5rem, auto);
}

.public-pricing-page .public-pricing-catalog-route-price {
  height: 100%;
}

.public-pricing-page .public-pricing-catalog-route-price-intro {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  display: grid;
}

.public-pricing-page .public-pricing-catalog-route-price-intro-copy {
  flex-wrap: wrap;
  align-items: baseline;
  gap: .75rem;
  min-width: 0;
  display: flex;
}

.public-pricing-page .public-pricing-catalog-route-price-intro-copy > strong, .public-pricing-page .public-pricing-catalog-route-price-intro-copy > span {
  min-width: 0;
}

.public-pricing-page .public-pricing-catalog-route-price-description {
  min-height: 2.45rem;
  max-height: 2.45rem;
}

@media (max-width: 1320px) {
  .public-pricing-page .public-pricing-catalog-route-price-heading {
    flex-direction: column;
    align-items: stretch;
    gap: .35rem;
  }

  .public-pricing-page .public-pricing-catalog-route-price-name {
    flex: none;
    width: 100%;
  }

  .public-pricing-page .public-pricing-catalog-route-price-badges {
    justify-content: flex-start;
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 1100px) {
  .public-pricing-page .public-pricing-catalog-route-price-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .public-pricing-page .public-pricing-catalog-route-price-intro {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .public-pricing-page .public-pricing-catalog-route-price-intro-copy {
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
  }

  .public-pricing-page .public-pricing-catalog-route-price-intro .public-pricing-catalog-detail-link {
    width: 100%;
  }

  .public-pricing-page .public-pricing-catalog-route-price-list {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .public-pricing-page .public-pricing-catalog-model-trigger[data-slot="accordion-trigger"], .public-pricing-page .public-pricing-catalog-route-price, .public-pricing-page .public-pricing-catalog-detail-link, .public-pricing-page [data-public-subscription-plan], .public-pricing-page [data-slot="accordion-content"] {
    transition: none !important;
  }
}

.cheapai-wordmark {
  color: inherit;
  gap: .55rem;
  line-height: 1;
}

.cheapai-wordmark .cheapai-wordmark-mark {
  border-radius: .55rem;
  flex: none;
  width: 2rem;
  height: 2rem;
}

.cheapai-wordmark .cheapai-wordmark-name {
  font-family: var(--font-ui);
  letter-spacing: -.055em;
  white-space: nowrap;
  font-size: 1.3rem;
  font-weight: 750;
}

.cheapai-wordmark-name > span {
  font-weight: 450;
}

html[data-route-shell="landing"] .landing-public-header {
  --bird-background: var(--cheapai-background);
  --bird-foreground: var(--cheapai-foreground);
  --bird-muted-foreground: var(--cheapai-muted-foreground);
  --bird-primary-foreground: var(--cheapai-primary-foreground);
  --bird-accent: var(--cheapai-accent);
  --landing-card-line: var(--cheapai-border);
  --landing-divider-line: var(--cheapai-border);
  background: var(--cheapai-background) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-route-shell="landing"] .landing-public-header {
    background: color-mix(in srgb,
    var(--cheapai-background) 96%,
    transparent) !important;
  }
}

html[data-route-shell="landing"] .landing-public-header {
  color: var(--cheapai-foreground);
  border-bottom: 1px solid var(--cheapai-border) !important;
  box-shadow: none !important;
}

html[data-route-shell="landing"] .landing-public-header > div {
  max-width: 1248px;
  padding-inline: 2rem;
}

html[data-route-shell="landing"] .landing-public-header .landing-header-nav {
  box-shadow: none;
  background: none;
  border: 0;
}

html[data-route-shell="landing"] .landing-public-header .landing-header-link {
  color: var(--cheapai-muted-foreground);
  border-radius: .5rem;
  font-size: .8125rem;
}

html[data-route-shell="landing"] .landing-public-header .landing-header-link[data-active] {
  color: var(--cheapai-primary);
  background: var(--cheapai-accent);
}

html[data-route-shell="landing"] .landing-public-header .landing-header-cta {
  background: var(--cheapai-primary) !important;
  color: var(--cheapai-primary-foreground) !important;
  border-color: var(--cheapai-primary) !important;
  box-shadow: none !important;
  border-radius: .55rem !important;
}

.landing-public-header > div:before, .landing-public-header > div:after {
  display: none;
}

.cheapai-landing.cheapai-landing {
  --landing-bg: var(--cheapai-background);
  --landing-hero-bg: var(--cheapai-background);
  --landing-ink: var(--cheapai-foreground);
  --landing-muted: var(--cheapai-muted-foreground);
  --landing-panel: var(--cheapai-card);
  --landing-soft: var(--cheapai-muted);
  --landing-line: var(--cheapai-border);
  --landing-hairline: var(--cheapai-border);
  --landing-divider-line: var(--cheapai-border);
  --landing-card-line: var(--cheapai-border);
  --landing-inverse: var(--cheapai-card);
  --landing-lime: var(--brand-signal);
  --landing-brand-blue: var(--cheapai-primary);
  --landing-brand-blue-bright: var(--brand-signal);
  --landing-blue: var(--cheapai-primary);
  --mf-landing-sans: var(--font-ui);
  --mf-landing-frame-width: 1248px;
  --mf-landing-gutter: 2rem;
  --mf-landing-section-title-size: clamp(2rem, 3.8vw, 3.2rem);
  --mf-landing-section-start: 5.5rem;
  --mf-landing-section-end: 5.5rem;
  --mf-landing-rail-line: transparent;
  --mf-landing-rail-node: transparent;
  --mf-landing-radius-action: 9px;
  --mf-landing-radius-panel: 16px;
  font-family: var(--font-ui);
}

.cheapai-landing .cheapai-hero {
  isolation: isolate;
  color: var(--cheapai-foreground);
  background: var(--cheapai-background);
  position: relative;
}

.cheapai-hero-grid {
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(var(--cheapai-border) .8px,
    transparent .8px);
  background-size: 24px 24px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#0000, #000 15%, #0000 80%);
  mask-image: linear-gradient(#0000, #000 15%, #0000 80%);
}

.cheapai-hero-shell {
  max-width: 1248px;
  margin-inline: auto;
  padding: 6.5rem 2rem 4.5rem;
}

.cheapai-hero-main {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  align-items: center;
  gap: 4rem;
  display: grid;
}

.cheapai-hero-copy {
  min-width: 0;
}

.cheapai-hero-eyebrow {
  border-color: var(--cheapai-border);
  background: var(--cheapai-card);
  gap: .55rem;
  padding: .45rem .75rem;
  font-weight: 500;
}

.cheapai-signal {
  background: var(--cheapai-primary);
  width: .4rem;
  height: .4rem;
  box-shadow: 0 0 0 3px var(--cheapai-accent);
  border-radius: 50%;
  flex: none;
}

.cheapai-landing.cheapai-landing .cheapai-hero h1 {
  color: var(--cheapai-foreground);
  font-family: var(--font-ui);
  letter-spacing: -.065em;
  text-wrap: balance;
  margin: 1.8rem 0 1.5rem;
  font-size: clamp(2.6rem, 4.7vw, 4.35rem);
  font-weight: 650;
  line-height: 1.1;
}

.cheapai-hero h1 > span {
  display: block;
}

.cheapai-hero h1 .cheapai-hero-emphasis {
  color: var(--cheapai-primary);
}

.cheapai-landing.cheapai-landing .cheapai-hero-description {
  max-width: 32rem;
  color: var(--cheapai-muted-foreground);
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.85;
}

.cheapai-hero-actions, .cheapai-partners-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  margin-top: 2rem;
  display: flex;
}

.cheapai-action {
  border-radius: .65rem;
  min-height: 2.9rem;
  padding-inline: 1.2rem;
  font-weight: 550;
}

.cheapai-partner-link {
  max-width: 28rem;
  color: var(--cheapai-muted-foreground);
  text-underline-offset: 4px;
  align-items: center;
  gap: .65rem;
  margin-top: 1.5rem;
  font-size: .75rem;
  line-height: 1.8;
  display: flex;
}

.cheapai-partner-link:hover {
  color: var(--cheapai-primary);
  text-decoration: underline;
}

.cheapai-partner-link svg {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.cheapai-hero-preview {
  border: 1px solid var(--cheapai-border);
  background: var(--cheapai-card);
  border-radius: 1.35rem;
  min-width: 0;
  padding: 1.25rem;
  box-shadow: 0 24px 70px -35px #0a463238;
}

.cheapai-preview-caption {
  color: var(--cheapai-muted-foreground);
  font-family: var(--font-mono);
  letter-spacing: .06em;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  margin: .1rem .2rem 1rem;
  font-size: .58rem;
  display: flex;
}

.cheapai-hero-preview > :last-child {
  border-radius: .85rem;
  overflow: hidden;
}

.cheapai-hero-preview {
  --landing-ink: #edf9f4;
  --landing-muted: #a2bbb0;
  --landing-lime: #6ee3c0;
  --landing-hero-bg: #0a1c20;
  --landing-panel: #102b2b;
  --landing-line: #294b43;
  --landing-card-line: #294b43;
  --landing-divider-line: #294b43;
  --landing-stage: #0a1c20;
  --landing-stage-panel: #102b2b;
  --landing-console: #0a1c20;
  --landing-brand-blue: #6ee3c0;
  --landing-brand-blue-bright: #6ee3c0;
  --landing-brand-contrast: #08291f;
  --landing-inverse: #0a1c20;
}

.cheapai-model-rail {
  border-block: 1px solid var(--cheapai-border);
  color: var(--cheapai-muted-foreground);
  grid-template-columns: 12rem minmax(0, 1fr);
  align-items: center;
  gap: 2rem;
  margin-top: 4.5rem;
  padding-block: 1.8rem;
  display: grid;
}

.cheapai-landing.cheapai-landing .cheapai-model-rail > p {
  max-width: 10rem;
  color: var(--cheapai-muted-foreground);
  margin: 0;
  font-size: .8rem;
  line-height: 1.7;
}

.cheapai-capabilities {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2.5rem;
  margin: 0;
  padding: 2.5rem 0 0;
  list-style: none;
  display: grid;
}

.cheapai-capability-meta {
  color: var(--cheapai-primary);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.cheapai-capability-meta svg {
  width: 1.3rem;
  height: 1.3rem;
}

.cheapai-capability-meta span {
  font-family: var(--font-mono);
  color: var(--cheapai-muted-foreground);
  font-size: .65rem;
}

.cheapai-landing.cheapai-landing .cheapai-capabilities h2 {
  color: var(--cheapai-foreground);
  letter-spacing: -.02em;
  margin: 1.1rem 0 .65rem;
  font-size: .9rem;
  font-weight: 600;
}

.cheapai-landing.cheapai-landing .cheapai-capabilities p {
  color: var(--cheapai-muted-foreground);
  margin: 0;
  font-size: .8rem;
  line-height: 1.8;
}

html[data-route-shell="landing"] .cheapai-landing :is(.landing-model-catalog-section, .landing-integration-section, .landing-operations-section) {
  --mf-catalog-acid: var(--cheapai-accent);
  --mf-catalog-acid-strong: var(--brand-signal);
  --mf-catalog-bg: var(--cheapai-background);
  --mf-catalog-panel: var(--cheapai-card);
  --mf-catalog-panel-strong: var(--cheapai-muted);
  --mf-catalog-ink: var(--cheapai-foreground);
  --mf-catalog-muted: var(--cheapai-muted-foreground);
  --mf-catalog-line: var(--cheapai-border);
  --mf-catalog-line-strong: var(--cheapai-input);
  --mf-catalog-acid-ink: var(--cheapai-primary);
  --mf-integration-acid: var(--cheapai-accent);
  --mf-integration-acid-strong: var(--brand-signal);
  --mf-integration-ink: var(--cheapai-foreground);
  --mf-integration-paper: var(--cheapai-background);
  --mf-integration-panel: var(--cheapai-card);
  --mf-integration-copy: var(--cheapai-background);
  --mf-integration-muted: var(--cheapai-muted-foreground);
  --mf-integration-line: var(--cheapai-border);
  --mf-integration-dark-line: var(--cheapai-border);
  --mf-integration-acid-ink: var(--cheapai-primary);
  --mf-integration-code-surface: #102125;
  --mf-integration-code-copy: #e7f3ee;
  --mf-integration-code-muted: #a0b7b0;
  --mf-integration-code-hover: #1e3c39;
  --mf-integration-code-active: #1e3c39;
  --mf-operations-paper: var(--cheapai-background);
  --mf-operations-paper-strong: var(--cheapai-card);
  --mf-operations-ink: var(--cheapai-foreground);
  --mf-operations-muted: var(--cheapai-muted-foreground);
  --mf-operations-line: var(--cheapai-border);
  --mf-operations-line-soft: var(--cheapai-border);
  --mf-operations-acid: var(--cheapai-accent);
  background: var(--cheapai-background);
}

.cheapai-landing :is(.landing-model-catalog-grid, .landing-integration-grid, .landing-operations-grid) {
  opacity: .12;
}

.cheapai-landing :is(.landing-model-catalog-shell, .landing-integration-shell, .landing-operations-shell, .landing-cta-content, .landing-footer-shell) {
  max-width: 1248px;
  padding-inline: 2rem;
}

.cheapai-landing .landing-section-divider {
  background: var(--cheapai-border);
  border: 0;
  height: 1px;
}

.cheapai-landing .landing-section-divider:before, .cheapai-landing .landing-section-divider:after {
  display: none;
}

html[data-route-shell="landing"] .cheapai-landing :is(.landing-model-catalog-title, .landing-integration-title, .landing-operations-title) {
  color: var(--cheapai-foreground);
  font-family: var(--font-ui);
  letter-spacing: -.055em;
  font-size: clamp(2rem, 3.8vw, 3.2rem);
  font-weight: 600;
  line-height: 1.17;
}

html[data-route-shell="landing"] .cheapai-landing :is(.landing-model-catalog-stage, .landing-integration-stage) {
  border: 1px solid var(--cheapai-border);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 12px 48px -35px #0a46323d;
}

html[data-route-shell="landing"] .cheapai-landing :is(.landing-model-catalog-cta, .landing-integration-cta)[data-slot="button"] {
  box-shadow: none !important;
  border-radius: .6rem !important;
  transform: none !important;
}

html[data-route-shell="landing"] .cheapai-landing :is(.landing-model-catalog-cta-primary, .landing-integration-cta-primary)[data-slot="button"] {
  background: var(--cheapai-primary) !important;
  border-color: var(--cheapai-primary) !important;
  color: var(--cheapai-primary-foreground) !important;
}

.cheapai-landing .landing-integration-step-icon {
  background: var(--cheapai-accent);
  color: var(--cheapai-primary);
  box-shadow: none;
  border: 0;
  border-radius: .6rem;
}

.cheapai-landing .landing-operations-point {
  border-radius: .9rem;
}

.cheapai-landing .landing-operations-point:hover {
  background: var(--cheapai-accent);
  transform: none;
}

.cheapai-landing .landing-cta-section, .cheapai-landing .landing-footer {
  --landing-ink: #edf9f4;
  --landing-muted: #a2bbb0;
  --landing-line: #2a4640;
  --landing-divider-line: #2a4640;
  background: #0c2124;
}

.cheapai-landing .landing-cta-world-map {
  --landing-lime: #6ee3c0;
}

html[data-route-shell="landing"] .cheapai-landing .landing-cta-action[data-slot="button"] {
  box-shadow: none !important;
  border-radius: .6rem !important;
}

html[data-route-shell="landing"] .cheapai-landing .landing-cta-action-primary[data-slot="button"] {
  color: #07271f !important;
  background: #6ee3c0 !important;
  border-color: #6ee3c0 !important;
}

.cheapai-landing .landing-footer-wordmark-logo {
  color: #edf9f4;
}

.cheapai-landing .landing-footer-wordmark-logo .cheapai-wordmark-mark {
  width: 2.7rem;
  height: 2.7rem;
}

.cheapai-landing .landing-footer-wordmark-logo .cheapai-wordmark-name {
  font-size: 1.7rem;
}

.cheapai-landing .cheapai-partners {
  background: var(--cheapai-background);
  grid-template-columns: 1.35fr 1fr;
  align-items: center;
  gap: 5rem;
  max-width: 1248px;
  margin-inline: auto;
  padding: 6rem 2rem;
  scroll-margin-top: 5rem;
  display: grid;
}

.cheapai-landing .cheapai-eyebrow {
  color: var(--cheapai-primary);
  font-family: var(--font-mono);
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: .65rem;
}

.cheapai-landing.cheapai-landing .cheapai-partners h2 {
  color: var(--cheapai-foreground);
  letter-spacing: -.05em;
  text-wrap: balance;
  margin: 1rem 0 1.25rem;
  font-size: clamp(2rem, 3.6vw, 3.1rem);
  font-weight: 600;
  line-height: 1.2;
}

.cheapai-landing.cheapai-landing .cheapai-partners-copy > p:not(.cheapai-eyebrow) {
  max-width: 34rem;
  color: var(--cheapai-muted-foreground);
  font-size: .95rem;
  line-height: 1.8;
}

.cheapai-partners-note {
  border: 1px solid var(--cheapai-border);
  background: var(--cheapai-card);
  border-radius: 1.3rem;
  padding: 2.5rem;
}

.cheapai-partners-note img {
  border-radius: 1rem;
}

.cheapai-landing.cheapai-landing .cheapai-partners-note p {
  color: var(--cheapai-foreground);
  letter-spacing: -.04em;
  margin: 2rem 0 1rem;
  font-size: 1.65rem;
  font-weight: 500;
  line-height: 1.4;
}

.cheapai-partners-note > span {
  color: var(--cheapai-muted-foreground);
  font-size: .8rem;
  line-height: 1.7;
}

.cheapai-auth-shell.cheapai-auth-shell {
  --auth-control-background: var(--cheapai-card);
  --auth-control-background-hover: var(--cheapai-accent);
  --auth-control-border: var(--cheapai-input);
  --auth-control-radius: .55rem;
  --auth-focus-border: var(--cheapai-primary);
  --auth-focus-ring: var(--cheapai-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-auth-shell.cheapai-auth-shell {
    --auth-focus-ring: color-mix(in srgb,
    var(--cheapai-primary) 20%,
    transparent);
  }
}

.cheapai-auth-backdrop {
  pointer-events: none;
  background: radial-gradient(ellipse at 10% 10%,
      var(--brand-signal),
      transparent 55%),
    radial-gradient(ellipse at 90% 90%,
      var(--info),
      transparent 50%);
  position: fixed;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-auth-backdrop {
    background: radial-gradient(ellipse at 10% 10%,
      color-mix(in srgb, var(--brand-signal) 10%, transparent),
      transparent 55%),
    radial-gradient(ellipse at 90% 90%,
      color-mix(in srgb, var(--info) 7%, transparent),
      transparent 50%);
  }
}

.cheapai-auth-shell main > div {
  border: 1px solid var(--cheapai-border);
  background: var(--cheapai-card);
  border-radius: 1.25rem;
  padding: 2.5rem;
  box-shadow: 0 24px 80px -48px #0a463259;
}

.cheapai-auth-shell .auth-primary-action {
  color: var(--cheapai-primary-foreground);
  background: var(--cheapai-primary);
}

.cheapai-auth-shell .auth-primary-action:hover:not(:disabled) {
  background: var(--cheapai-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-auth-shell .auth-primary-action:hover:not(:disabled) {
    background: color-mix(in srgb,
    var(--cheapai-primary) 92%,
    var(--cheapai-foreground));
  }
}

@media (max-width: 1000px) {
  .cheapai-hero-shell {
    padding-top: 4rem;
  }

  .cheapai-hero-main {
    gap: 2rem;
  }

  .cheapai-model-rail {
    grid-template-columns: 1fr;
    gap: 1.2rem;
    margin-top: 3rem;
  }

  .cheapai-landing.cheapai-landing .cheapai-model-rail > p {
    max-width: none;
  }

  .cheapai-capabilities {
    gap: 1.5rem;
  }

  .cheapai-landing .cheapai-partners {
    gap: 2rem;
  }
}

@media (max-width: 760px) {
  html[data-route-shell="landing"] .landing-public-header > div {
    padding-inline: 1.25rem;
  }

  .cheapai-hero-shell {
    padding: 3rem 1.25rem;
  }

  .cheapai-hero-main {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .cheapai-landing.cheapai-landing .cheapai-hero h1 {
    max-width: 35rem;
    font-size: clamp(2.7rem, 9vw, 4rem);
  }

  .cheapai-hero-preview {
    justify-self: center;
    width: 100%;
    max-width: 35rem;
    padding: .85rem;
  }

  .cheapai-capabilities {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 1.5rem;
  }

  .cheapai-landing :is(.landing-model-catalog-shell, .landing-integration-shell, .landing-operations-shell, .landing-cta-content, .landing-footer-shell) {
    padding-inline: 1.25rem;
  }

  .cheapai-landing .cheapai-partners {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 3.5rem 1.25rem;
  }

  .cheapai-partners-note {
    padding: 1.75rem;
  }

  .cheapai-auth-shell main > div {
    padding: 1.5rem;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .cheapai-hero-copy, .cheapai-hero-preview {
    animation: .65s cubic-bezier(.16, 1, .3, 1) both cheapai-arrive;
  }

  .cheapai-hero-preview {
    animation-delay: .1s;
  }
}

@keyframes cheapai-arrive {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

html:is(.light, .dark) .cheapai-public-surface {
  --mf-public-bg: var(--cheapai-background);
  --mf-public-panel: var(--cheapai-card);
  --mf-public-panel-strong: var(--cheapai-muted);
  --mf-public-ink: var(--cheapai-foreground);
  --mf-public-muted: var(--cheapai-muted-foreground);
  --mf-public-brand: var(--cheapai-primary);
  --mf-public-brand-foreground: var(--cheapai-primary-foreground);
  --mf-public-line: var(--cheapai-border);
  --mf-public-line-soft: var(--cheapai-border);
  --mf-public-line-strong: var(--cheapai-input);
}

html:is(.light, .dark) .cheapai-public-surface.public-pricing-page {
  --mf-pricing-accent: var(--cheapai-primary);
  --mf-pricing-accent-strong: var(--cheapai-primary);
  --mf-pricing-accent-soft: var(--cheapai-accent);
  --mf-pricing-accent-wash: var(--cheapai-muted);
  --mf-pricing-accent-ink: var(--cheapai-accent-foreground);
  --mf-pricing-bg: var(--cheapai-background);
  --mf-pricing-panel: var(--cheapai-card);
  --mf-pricing-panel-subtle: var(--cheapai-muted);
  --mf-pricing-ink: var(--cheapai-foreground);
  --mf-pricing-muted: var(--cheapai-muted-foreground);
  --mf-pricing-line: var(--cheapai-border);
  --mf-pricing-line-strong: var(--cheapai-input);
}

.cheapai-landing .cheapai-route-empty {
  color: #e7f3ee;
  background: #102125;
  border-radius: .9rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.5rem;
  min-height: 25rem;
  padding: 2rem;
  display: flex;
}

.cheapai-route-empty > img {
  border-radius: .8rem;
  width: 3rem;
  height: 3rem;
}

.cheapai-landing.cheapai-landing .cheapai-route-empty p {
  color: #a0b7b0;
  max-width: 20rem;
  margin: 0;
  font-size: .9rem;
  line-height: 1.8;
}

.cheapai-route-empty code {
  color: #6ee3c0;
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: .65rem;
}

html:is(.light, .dark)[data-route-shell="landing"], html:is(.light, .dark)[data-route-shell="landing"] :is(.cheapai-landing, .landing-public-header) {
  --background: var(--cheapai-background);
  --foreground: var(--cheapai-foreground);
  --card: var(--cheapai-card);
  --card-foreground: var(--cheapai-card-foreground);
  --popover: var(--cheapai-popover);
  --popover-foreground: var(--cheapai-popover-foreground);
  --primary: var(--cheapai-primary);
  --primary-foreground: var(--cheapai-primary-foreground);
  --secondary: var(--cheapai-secondary);
  --secondary-foreground: var(--cheapai-secondary-foreground);
  --muted: var(--cheapai-muted);
  --muted-foreground: var(--cheapai-muted-foreground);
  --accent: var(--cheapai-accent);
  --accent-foreground: var(--cheapai-accent-foreground);
  --border: var(--cheapai-border);
  --input: var(--cheapai-input);
  --ring: var(--cheapai-ring);
  --bird-background: var(--cheapai-background);
  --bird-foreground: var(--cheapai-foreground);
  --bird-muted-foreground: var(--cheapai-muted-foreground);
  --bird-primary-foreground: var(--cheapai-primary-foreground);
  --bird-accent: var(--cheapai-accent);
  --color-background: var(--cheapai-background);
  --color-foreground: var(--cheapai-foreground);
  --color-card: var(--cheapai-card);
  --color-primary: var(--cheapai-primary);
  --color-primary-foreground: var(--cheapai-primary-foreground);
  --color-muted: var(--cheapai-muted);
  --color-muted-foreground: var(--cheapai-muted-foreground);
  --color-accent: var(--cheapai-accent);
  --color-accent-foreground: var(--cheapai-accent-foreground);
  --color-border: var(--cheapai-border);
  --color-ring: var(--cheapai-ring);
}

.cheapai-auth-shell main img {
  border-radius: .75rem;
}

html:is(.light, .dark)[data-route-shell="landing"] body {
  background: var(--cheapai-background);
  color: var(--cheapai-foreground);
}

html[data-route-shell="landing"] .cheapai-landing .landing-global-cta-section {
  --mf-cta-bg: #0c2124;
  --mf-cta-panel: #112e2e;
  --mf-cta-panel-strong: #193a36;
  --mf-cta-copy: #edf9f4;
  --mf-cta-muted: #a2bbb0;
  --mf-cta-line: #2a4941;
  --mf-cta-line-soft: #1b3b35;
  --mf-cta-acid: #6ee3c0;
}

.cheapai-landing .cheapai-route-empty {
  --foreground: #e7f3ee;
  --muted-foreground: #a0b7b0;
  --color-foreground: #e7f3ee;
  --color-muted-foreground: #a0b7b0;
}

.cheapai-route-empty [role="status"] {
  color: var(--muted-foreground);
  font-size: .75rem;
  line-height: 1.7;
}

@font-face {
  font-family: Zashmodel Inter;
  src: url(/static/font/inter-regular.ef09701c74.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Zashmodel Inter;
  src: url(/static/font/inter-medium.ea234620f9.woff2) format("woff2");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Zashmodel Inter;
  src: url(/static/font/inter-semibold.d2f266df92.ttf) format("truetype");
  font-weight: 600 900;
  font-display: swap;
}

@font-face {
  font-family: Zashmodel Mondwest;
  src: url(/static/font/pp-mondwest.9a74e4cfea.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
}

.cheapai-public, .cheapai-home, .cheapai-public-header, .home-mobile-menu, .home-model-menu {
  --home-bg: #0a0a0a;
  --home-surface: #131313;
  --home-raised: #1d1d1d;
  --home-ink: #fafafa;
  --home-muted: #a7a7a7;
  --home-line: #292929;
  --home-blue: #04f;
  --home-blue-readable: #759aff;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --home-gutter: 124px;
  --home-section-gap: 160px;
  --home-font: "Zashmodel Inter", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei",
    sans-serif;
  --home-mono: "JetBrains Mono Variable", monospace;
  --background: var(--home-bg);
  --foreground: var(--home-ink);
  --card: var(--home-surface);
  --card-foreground: var(--home-ink);
  --popover: var(--home-raised);
  --popover-foreground: var(--home-ink);
  --primary: var(--home-ink);
  --primary-foreground: var(--home-bg);
  --secondary: var(--home-raised);
  --secondary-foreground: var(--home-ink);
  --muted: var(--home-raised);
  --muted-foreground: var(--home-muted);
  --accent: var(--home-raised);
  --accent-foreground: var(--home-ink);
  --border: var(--home-line);
  --input: var(--home-line);
  --ring: var(--home-blue-readable);
  --radius: 8px;
  color: var(--home-ink);
  font-family: var(--home-font);
}

html:has(.cheapai-public) {
  --home-bg: #0a0a0a;
  --home-surface: #131313;
  --home-raised: #1d1d1d;
  --home-ink: #fafafa;
  --home-muted: #a7a7a7;
  --home-line: #292929;
  --home-blue: #04f;
  --home-blue-readable: #759aff;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --home-gutter: 124px;
  --home-section-gap: 160px;
  --home-font: "Zashmodel Inter", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei",
    sans-serif;
  --home-mono: "JetBrains Mono Variable", monospace;
  --background: var(--home-bg);
  --foreground: var(--home-ink);
  --card: var(--home-surface);
  --card-foreground: var(--home-ink);
  --popover: var(--home-raised);
  --popover-foreground: var(--home-ink);
  --primary: var(--home-ink);
  --primary-foreground: var(--home-bg);
  --secondary: var(--home-raised);
  --secondary-foreground: var(--home-ink);
  --muted: var(--home-raised);
  --muted-foreground: var(--home-muted);
  --accent: var(--home-raised);
  --accent-foreground: var(--home-ink);
  --border: var(--home-line);
  --input: var(--home-line);
  --ring: var(--home-blue-readable);
  --radius: 8px;
  color: var(--home-ink);
  font-family: var(--home-font);
}

html:has(.cheapai-public) body {
  --home-bg: #0a0a0a;
  --home-surface: #131313;
  --home-raised: #1d1d1d;
  --home-ink: #fafafa;
  --home-muted: #a7a7a7;
  --home-line: #292929;
  --home-blue: #04f;
  --home-blue-readable: #759aff;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --home-gutter: 124px;
  --home-section-gap: 160px;
  --home-font: "Zashmodel Inter", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei",
    sans-serif;
  --home-mono: "JetBrains Mono Variable", monospace;
  --background: var(--home-bg);
  --foreground: var(--home-ink);
  --card: var(--home-surface);
  --card-foreground: var(--home-ink);
  --popover: var(--home-raised);
  --popover-foreground: var(--home-ink);
  --primary: var(--home-ink);
  --primary-foreground: var(--home-bg);
  --secondary: var(--home-raised);
  --secondary-foreground: var(--home-ink);
  --muted: var(--home-raised);
  --muted-foreground: var(--home-muted);
  --accent: var(--home-raised);
  --accent-foreground: var(--home-ink);
  --border: var(--home-line);
  --input: var(--home-line);
  --ring: var(--home-blue-readable);
  --radius: 8px;
  color: var(--home-ink);
  font-family: var(--home-font);
}

html:has(.cheapai-public) body {
  background: var(--home-bg) !important;
  color: var(--home-ink) !important;
}

.cheapai-home {
  background: var(--home-bg);
  font-size: 20px;
  line-height: 1.4;
  overflow: clip;
}

.cheapai-home :where(h1, h2, h3, p, ul, ol) {
  margin: 0;
}

.cheapai-home :where(h1, h2, h3) {
  color: var(--home-ink);
  font-family: var(--home-font);
  font-weight: 500;
}

.cheapai-home :where(a, button) {
  -webkit-tap-highlight-color: transparent;
}

.cheapai-home :where(a, button):focus-visible, .cheapai-public-header :where(a, button):focus-visible {
  outline: 2px solid var(--home-blue-readable);
  outline-offset: 5px;
}

.cheapai-home ::selection {
  background: var(--home-blue);
  color: var(--home-ink);
}

.cheapai-home :where(section[id]) {
  scroll-margin-top: 32px;
}

.home-container {
  width: 100%;
  max-width: 1512px;
  padding-inline: var(--home-gutter);
  margin-inline: auto;
}

.cheapai-home .home-pixel {
  letter-spacing: -.02em;
  font-family: Zashmodel Mondwest, Noto Sans CJK SC, PingFang SC, sans-serif;
  font-weight: 400;
}

.home-eyebrow {
  font-family: var(--home-mono);
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--home-muted);
  font-size: 12px;
  line-height: 1.5;
}

.home-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

:is(.cheapai-public, .cheapai-public-header, .home-mobile-menu) .home-button {
  height: auto;
  min-height: 42px;
  font-family: var(--home-font);
  border-radius: 8px;
  gap: 8px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  transition: background-color .2s, border-color .2s, color .2s;
}

:is(.cheapai-public, .cheapai-public-header, .home-mobile-menu) .home-button:hover {
  opacity: .88;
}

.home-text-link {
  align-items: center;
  margin-top: 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  display: inline-flex;
}

.home-text-link:hover {
  color: var(--home-blue-readable);
}

.home-pixel-cross {
  width: 32px;
  height: 32px;
  color: var(--home-blue);
  flex: none;
}

.cheapai-public-header {
  z-index: 20;
  background: var(--home-bg);
  position: relative;
}

.home-announcement {
  --home-announcement-ink: #fff;
  --home-announcement-border: #ffffff3d;
  --home-announcement-badge: #ffffff24;
  background: linear-gradient(105deg, #1239c8, #4d46d6 50%, #a84f3d);
  background: radial-gradient(circle at 12% -80%,
      #ffffff42,
      transparent 42%),
    radial-gradient(circle at 88% 180%,
      #ffffff24,
      transparent 38%),
    linear-gradient(105deg,
      var(--home-blue),
      var(--home-blue),
      var(--home-anthropic));
  justify-content: center;
  align-items: center;
  min-height: 30px;
  padding: 4px 40px;
  display: flex;
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  .home-announcement {
    background: radial-gradient(circle at 12% -80%,
      #ffffff42,
      transparent 42%),
    radial-gradient(circle at 88% 180%,
      #ffffff24,
      transparent 38%),
    linear-gradient(105deg,
      color-mix(in srgb, var(--home-blue) 80%, #06112e),
      color-mix(in srgb, var(--home-blue) 48%, var(--home-anthropic) 52%),
      color-mix(in srgb, var(--home-anthropic) 72%, #28120f));
  }
}

.home-announcement {
  color: var(--home-announcement-ink);
  font: 12px/22px var(--home-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: inset 0 1px #ffffff2e, inset 0 -1px #0000003d;
}

.home-announcement a {
  text-align: center;
  color: inherit;
  text-decoration: none;
  transition: filter .18s;
  position: relative;
}

.home-announcement a:hover {
  filter: brightness(1.12);
}

.home-announcement a > span:first-child {
  border: 1px solid var(--home-announcement-border);
  background: var(--home-announcement-badge);
  color: inherit;
  letter-spacing: .06em;
  border-radius: 999px;
  margin-right: 12px;
  padding: 1px 8px;
  line-height: 18px;
  display: inline-block;
}

.home-announcement a > span:last-child {
  margin-left: 4px;
  transition: transform .18s;
  display: inline-block;
}

.home-announcement a:hover > span:last-child {
  transform: translateX(3px);
}

.home-announcement > button {
  color: var(--home-announcement-ink);
  border-radius: 999px;
  position: absolute;
  top: 3px;
  right: 20px;
}

.home-announcement > button:hover {
  color: var(--home-announcement-ink);
  background: #ffffff29;
}

.home-nav {
  align-items: center;
  gap: 24px;
  height: 72px;
  padding: 15px 24px;
  display: flex;
}

.home-brand {
  flex: none;
  display: inline-flex;
}

.home-brand .cheapai-wordmark {
  gap: 8px;
}

.home-brand .cheapai-wordmark-name {
  font-family: var(--home-font);
  letter-spacing: -.05em;
  font-size: 20px;
  line-height: 20px;
}

.home-brand .cheapai-wordmark-mark {
  border-radius: 6px;
  width: 28px;
  height: 28px;
}

.home-desktop-nav {
  justify-content: flex-start;
}

.home-desktop-nav [data-slot="navigation-menu-link"], .home-desktop-nav [data-slot="navigation-menu-trigger"] {
  height: 40px;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.home-nav-actions {
  align-items: center;
  gap: 8px;
  margin-left: auto;
  display: flex;
}

.home-nav-actions > button {
  background: none;
  border: 0;
}

.home-nav-actions > button[data-slot="select-trigger"] {
  min-width: 48px;
}

.home-nav-signin {
  white-space: nowrap;
  padding: 10px 16px;
  font-size: 14px;
}

.cheapai-public-header .home-nav-control, .cheapai-public-header .home-nav-signin, .cheapai-public-header .home-desktop-nav [data-slot="navigation-menu-link"], .cheapai-public-header .home-desktop-nav [data-slot="navigation-menu-trigger"], .cheapai-public-header .home-nav-actions .landing-language-trigger, .cheapai-public-header .home-nav-actions .theme-switch-trigger {
  border-radius: 8px;
  transition: background-color .16s, color .16s, border-color .16s, opacity .16s;
}

.cheapai-public-header .home-brand.home-nav-control {
  margin-inline: -8px;
  padding: 6px 8px;
}

.cheapai-public-header .home-brand.home-nav-control:hover, .cheapai-public-header .home-brand.home-nav-control:focus-visible, .cheapai-public-header .home-desktop-nav [data-slot="navigation-menu-link"]:hover, .cheapai-public-header .home-desktop-nav [data-slot="navigation-menu-link"]:focus-visible, .cheapai-public-header .home-desktop-nav [data-slot="navigation-menu-trigger"]:hover, .cheapai-public-header .home-desktop-nav [data-slot="navigation-menu-trigger"]:focus-visible, .cheapai-public-header .home-nav-signin:hover, .cheapai-public-header .home-nav-signin:focus-visible, .cheapai-public-header .home-nav-actions .landing-language-trigger:hover, .cheapai-public-header .home-nav-actions .landing-language-trigger[aria-expanded="true"], .cheapai-public-header .home-nav-actions .theme-switch-trigger:hover, .cheapai-public-header .home-nav-actions .theme-switch-trigger[aria-expanded="true"], .cheapai-public-header .home-nav-actions > button:hover, .cheapai-public-header .home-nav-actions > button[aria-expanded="true"], .cheapai-public-header .home-nav-actions > button:focus-visible {
  background: var(--home-raised);
  color: var(--home-ink);
}

.cheapai-public-header .home-button:hover, .cheapai-public-header .home-button:focus-visible {
  opacity: 1;
  background: var(--home-ink);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-public-header .home-button:hover, .cheapai-public-header .home-button:focus-visible {
    background: color-mix(in srgb, var(--home-ink) 88%, var(--home-blue-readable));
  }
}

.cheapai-public-header .home-button:hover, .cheapai-public-header .home-button:focus-visible {
  color: var(--home-bg);
}

.cheapai-public-header .home-button.bg-secondary:hover, .cheapai-public-header .home-button.bg-secondary:focus-visible {
  background: var(--home-raised);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-public-header .home-button.bg-secondary:hover, .cheapai-public-header .home-button.bg-secondary:focus-visible {
    background: color-mix(in srgb, var(--home-raised) 70%, var(--home-ink));
  }
}

.cheapai-public-header .home-button.bg-secondary:hover, .cheapai-public-header .home-button.bg-secondary:focus-visible {
  color: var(--home-ink);
  border-color: var(--home-line);
}

.home-nav .home-menu-trigger {
  display: none;
}

.home-skip-link {
  background: var(--home-ink);
  color: var(--home-bg);
  border-radius: 8px;
  padding: 12px;
  position: absolute;
  top: -100px;
  left: 16px;
}

.home-skip-link:focus {
  top: 12px;
}

.home-model-menu {
  background: var(--home-surface);
  border-radius: 8px;
  grid-template-columns: 220px 1fr;
  gap: 32px;
  width: 720px;
  max-width: calc(100vw - 32px);
  padding: 32px;
  display: grid;
}

.home-menu-intro {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.home-menu-intro p {
  letter-spacing: -.04em;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.home-menu-intro a {
  font-size: 14px;
}

.home-menu-models {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  display: grid;
}

.home-menu-models a {
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  padding: 14px;
  display: flex;
}

.home-menu-models strong, .home-menu-models small {
  display: block;
}

.home-menu-models small {
  color: var(--home-muted);
  padding-top: 3px;
  font-size: 12px;
}

.home-mobile-menu {
  background: var(--home-bg);
  width: 100%;
  padding: 16px;
  overflow-y: auto;
  max-width: 100% !important;
}

.home-mobile-menu [data-slot="sheet-header"] {
  padding: 12px 0 24px;
}

.home-mobile-menu nav {
  flex-direction: column;
  display: flex;
}

.home-mobile-menu nav > a {
  border-bottom: 1px solid var(--home-line);
  justify-content: space-between;
  padding: 20px 0;
  font-size: 24px;
  display: flex;
}

.home-mobile-families {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding-block: 24px;
  display: grid;
}

.home-mobile-families > a {
  background: var(--home-surface);
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  padding: 12px;
  display: flex;
}

.home-mobile-controls {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
  display: flex;
}

.home-hero {
  align-items: center;
  min-height: 100svh;
  margin-top: -88px;
  padding-block: 120px;
  display: flex;
  position: relative;
}

.home-hero-content {
  text-align: center;
  z-index: 1;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.home-hero-frame {
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  position: absolute;
  left: 0;
}

.home-hero-frame-top {
  background-image: url(/static/image/grid-top.e31a973d4d.png);
  background-position: top;
  height: 400px;
  top: 24px;
}

.home-hero-frame-bottom {
  background-image: url(/static/image/grid-bottom.2bafe8320a.png);
  background-position: bottom;
  height: 250px;
  bottom: 82px;
}

.home-hero-signals {
  font: 12px/18px var(--home-mono);
  color: var(--home-muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  justify-content: center;
  align-items: center;
  gap: 40px;
  display: flex;
}

.home-hero-signals > span {
  white-space: nowrap;
  align-items: center;
  gap: 12px;
  display: inline-flex;
}

.home-hero-signals svg {
  color: var(--home-ink);
}

.cheapai-home .home-hero h1 {
  letter-spacing: -2px;
  width: 100%;
  font-size: 112px;
  font-weight: 600;
  line-height: 80px;
}

.home-hero h1 > span {
  display: block;
}

.home-hero h1 > span:last-child {
  justify-content: center;
  align-items: center;
  gap: 24px;
  height: 140px;
  display: flex;
}

.home-brand-key {
  vertical-align: middle;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 130px;
  display: inline-flex;
  position: relative;
}

.home-brand-key .home-brand-symbol {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.home-brand-key-small {
  width: 62px;
  height: 62px;
  margin-inline: 4px;
}

.home-hero-description {
  max-width: 950px;
  color: var(--home-muted);
  font-size: 20px;
  line-height: 28px;
}

.home-provider-rail {
  color: #7f7f7f;
  width: 100%;
  position: absolute;
  bottom: 52px;
  left: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, #0000, #000 8% 92%, #0000);
  mask-image: linear-gradient(to right, #0000, #000 8% 92%, #0000);
}

.home-provider-rail > div {
  width: max-content;
  animation: 48s linear infinite home-logo-scroll;
  display: flex;
}

.home-provider-rail ul {
  gap: 64px;
  width: max-content;
  padding-inline: 32px;
  list-style: none;
  display: flex;
}

.home-provider-rail li {
  white-space: nowrap;
  align-items: center;
  gap: 12px;
  font-size: 23px;
  font-weight: 500;
  display: flex;
}

@keyframes home-logo-scroll {
  to {
    transform: translateX(-50%);
  }
}

.home-workbench-wrap {
  max-width: 1512px;
  margin: -12px auto 0;
  padding-inline: 88px;
  position: relative;
}

.home-workbench-wrap:after {
  content: "";
  pointer-events: none;
  bottom: -1px;
  background: linear-gradient(transparent, var(--home-bg));
  height: 100px;
  position: absolute;
  inset-inline: 0;
}

.home-workbench {
  background: var(--home-surface);
  border: 1px solid #353535;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 80px #ffffff05;
}

.home-workbench-bar {
  border-bottom: 1px solid var(--home-line);
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  font-size: 14px;
  display: flex;
}

.home-workbench-bar > span {
  align-items: center;
  gap: 12px;
  display: flex;
}

.home-workbench-bar img {
  border-radius: 4px;
}

.home-workbench-bar i {
  color: var(--home-muted);
  font-style: normal;
}

.home-workbench-bar > a {
  color: var(--home-muted);
}

.cheapai-home .home-workbench-tabs {
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 0;
  display: grid;
}

.cheapai-home .home-workbench-sidebar {
  border-right: 1px solid var(--home-line);
  flex-direction: column;
  justify-content: flex-start;
  gap: 4px;
  width: 100%;
  height: auto;
  padding: 16px 12px;
  display: flex;
}

.cheapai-home .home-workbench-sidebar [data-slot="tabs-trigger"] {
  text-align: left;
  width: 100%;
  min-height: 68px;
  color: var(--home-muted);
  flex: none;
  justify-content: flex-start;
  gap: 14px;
  padding: 14px;
}

.cheapai-home .home-workbench-sidebar [data-slot="tabs-trigger"][data-active] {
  color: var(--home-ink);
  background: #252525;
  border: 1px solid #414141;
}

.cheapai-home .home-workbench-sidebar [data-slot="tabs-trigger"]:after {
  display: none;
}

.home-workbench-sidebar [data-slot="tabs-trigger"] svg {
  width: 24px;
  height: 24px;
}

.home-workbench-sidebar small {
  color: var(--home-muted);
  margin-top: 4px;
  font-size: 11px;
  font-weight: 400;
  display: block;
}

.home-workbench-arrow {
  margin-left: auto;
}

.cheapai-home .home-workbench-content {
  min-width: 0;
  padding: 42px 40px 64px;
  font-size: 16px;
}

.home-workbench-head {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  display: flex;
}

.home-workbench-head h2 {
  letter-spacing: -.04em;
  margin-top: 14px;
  font-size: 48px;
}

.home-workbench-head h2 > span {
  color: #858585;
}

.home-workbench-logo {
  background: linear-gradient(135deg, #303030, #141414);
  border: 1px solid #3c3c3c;
  border-radius: 18px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  display: flex;
}

.home-workbench-content > p {
  max-width: 580px;
  color: var(--home-muted);
  margin-top: 22px;
  line-height: 1.6;
}

.home-workbench-tags, .home-model-tags {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
  display: flex;
}

.home-workbench-tags [data-slot="badge"], .home-model-tags [data-slot="badge"] {
  color: var(--home-muted);
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 400;
}

.home-workbench-detail {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 36px;
  display: grid;
}

.home-workbench-detail > div {
  border: 1px solid #333;
  border-radius: 8px;
  padding: 20px;
}

.home-workbench-detail h3 {
  margin-top: 16px;
  font-size: 18px;
}

.home-workbench-detail p {
  color: var(--home-muted);
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.6;
}

.home-workbench-bottom {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 28px;
  font-size: 12px;
  display: flex;
}

.home-workbench-bottom code {
  color: var(--home-muted);
}

.home-introduction {
  padding-top: 120px;
}

.home-introduction > h2 {
  letter-spacing: -.045em;
  max-width: 1100px;
  font-size: 56px;
  line-height: 1.08;
}

.home-facts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 64px;
  padding-top: 80px;
  display: grid;
}

.home-facts strong {
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  display: flex;
}

.home-facts strong > span {
  font-size: 88px;
  line-height: 1;
}

.home-facts h3 {
  font-size: 20px;
  line-height: 28px;
}

.home-facts p {
  color: var(--home-muted);
  margin-top: 8px;
  font-size: 16px;
  line-height: 24px;
}

.home-mission {
  text-align: center;
  max-width: 850px;
  margin: 200px auto 0;
}

.home-mission h2 {
  letter-spacing: -.045em;
  font-size: 64px;
  line-height: 1.04;
}

.home-inline-models {
  vertical-align: middle;
  gap: 0;
  margin-inline: 4px;
  display: inline-flex;
}

.home-inline-models > span {
  color: #151515;
  background: linear-gradient(145deg, #fafafa, #888);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: inline-flex;
  transform: rotate(-8deg);
  box-shadow: 0 4px 12px #000;
}

.home-inline-models > span + span {
  margin-left: -12px;
  transform: rotate(12deg);
}

.home-inline-models > span[data-family="claude"] {
  background: linear-gradient(140deg,
    #e49a7c 0%,
    var(--home-anthropic) 54%,
    #b45335 100%);
  color: var(--home-anthropic-ink);
  box-shadow: 0 4px 12px #b453356b;
}

.home-mission > p {
  color: var(--home-muted);
  max-width: 740px;
  margin: 32px auto;
  font-size: 20px;
  line-height: 28px;
}

.home-mission .home-actions {
  justify-content: center;
}

.home-chapter {
  padding-top: var(--home-section-gap);
  position: relative;
}

.home-chapter-heading {
  max-width: 770px;
  position: relative;
}

.home-chapter-heading h2 {
  letter-spacing: -.045em;
  align-items: flex-start;
  gap: 8px;
  font-size: 64px;
  line-height: 1.1;
  display: flex;
}

.home-chapter-heading h2 sup {
  color: var(--home-blue);
  letter-spacing: -.03em;
  margin-top: 3px;
  font-size: 32px;
  line-height: 1;
  top: auto;
}

.home-chapter-heading h3 {
  letter-spacing: -.02em;
  margin-top: 24px;
  font-size: 24px;
  line-height: 32px;
}

.home-chapter-heading > p {
  color: var(--home-muted);
  margin-top: 24px;
  font-size: 20px;
  line-height: 28px;
}

.home-chapter > .home-actions {
  margin-top: 24px;
}

.home-centralize {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.5fr);
  align-items: center;
  gap: 32px;
  display: grid;
}

.home-centralize .home-chapter-heading h3 {
  max-width: 420px;
}

.home-inline-logos {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 28px;
  display: flex;
}

.home-inline-logos > span {
  align-items: center;
  display: flex;
}

.home-constellation {
  aspect-ratio: 720 / 640;
  width: calc(100% + 60px);
  max-width: calc(100% + 60px);
  position: relative;
}

.home-constellation-grid {
  background-image: linear-gradient(#ffffff0e 1px, #0000 1px), linear-gradient(90deg, #ffffff0e 1px, #0000 1px);
  background-size: 49px 49px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(#000 35%, #0000 73%);
  mask-image: radial-gradient(#000 35%, #0000 73%);
}

.home-connections {
  color: #686868;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.home-constellation-center {
  flex-direction: column;
  align-items: center;
  gap: 20px;
  display: flex;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.home-constellation-center > span:last-child {
  letter-spacing: -.04em;
  font-size: 22px;
}

.home-constellation-center .home-brand-key {
  filter: drop-shadow(0 0 40px #184aff25);
  width: 138px;
  height: 138px;
}

.home-orbit-node {
  flex-direction: column;
  align-items: center;
  gap: 8px;
  display: flex;
  position: absolute;
  transform: translate(-50%, -50%);
}

.home-orbit-node > span {
  background: linear-gradient(135deg, #434343, #202020);
  border: 1px solid #4a4a4a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  transition: transform .2s, border-color .2s;
  display: flex;
}

.home-orbit-node:hover > span {
  border-color: var(--home-blue-readable);
  transform: translateY(-4px);
}

.home-orbit-node small {
  color: var(--home-muted);
  font-size: 10px;
}

.home-orbit-node-1 {
  top: 20%;
  left: 14%;
}

.home-orbit-node-2 {
  top: 9%;
  left: 49%;
}

.home-orbit-node-3 {
  top: 23%;
  left: 85%;
}

.home-orbit-node-4 {
  top: 54%;
  left: 11%;
}

.home-orbit-node-5 {
  top: 59%;
  left: 89%;
}

.home-orbit-node-6 {
  top: 83%;
  left: 20%;
}

.home-orbit-node-7 {
  top: 88%;
  left: 53%;
}

.home-orbit-node-8 {
  top: 87%;
  left: 79%;
}

.home-select:before, .home-integration:before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background: url(/static/image/grid-right.1d0e4ecd4e.png) 100% 0 / contain no-repeat;
  width: 42%;
  height: 650px;
  position: absolute;
  top: 100px;
  right: 0;
}

.home-model-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  margin-top: 96px;
  display: grid;
  position: relative;
}

.cheapai-home .home-model-card {
  border: 1px solid var(--home-line);
  background: var(--home-surface);
  box-shadow: none;
  border-radius: 8px;
  flex-direction: column;
  gap: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.home-model-art {
  background-image: linear-gradient(#ffffff04 1px, #0000 1px), linear-gradient(90deg, #ffffff04 1px, #0000 1px);
  background-size: 48px 48px;
  justify-content: center;
  align-items: center;
  height: 350px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-model-art:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(transparent 50%, var(--home-surface));
  position: absolute;
  inset: 0;
}

.home-model-art-name {
  color: #ffffff0b;
  white-space: nowrap;
  letter-spacing: -.06em;
  font-size: clamp(80px, 10vw, 150px);
  position: absolute;
  top: 34px;
}

.home-model-art-tile {
  background: linear-gradient(145deg, #333, #151515);
  border: 1px solid #ffffff30;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 166px;
  height: 166px;
  transition: transform .4s;
  display: flex;
  position: relative;
  transform: perspective(700px) rotateY(-15deg) rotateX(10deg) rotateZ(-8deg);
  box-shadow: inset 3px 3px 6px #ffffff20, inset -5px -5px 12px #000a, 20px 24px 50px #0007;
}

.home-model-card:hover .home-model-art-tile {
  transform: perspective(700px) rotateY(-8deg) rotateX(6deg) rotateZ(-3deg) translateY(-6px);
}

.home-model-art[data-family="openai"] .home-model-art-tile {
  color: #111;
  background: linear-gradient(145deg, #f5f5f5, #979797);
}

.home-model-art[data-family="claude"] .home-model-art-tile {
  color: #251811;
  background: linear-gradient(145deg, #dbaa8c, #855944);
}

.home-model-art[data-family="gemini"] .home-model-art-tile {
  color: #fff;
  background: radial-gradient(circle at 18% 18%, #3186ff61, #0000 46%), radial-gradient(circle at 82% 22%, #f9454352, #0000 44%), radial-gradient(circle at 30% 82%, #fabc1247, #0000 44%), radial-gradient(circle at 68% 82%, #08b96257, #0000 48%), linear-gradient(145deg, #353535, #141414);
}

.home-model-art[data-family="deepseek"] .home-model-art-tile {
  color: #e1eaff;
  background: linear-gradient(145deg, #477bff, #032590);
}

.home-model-art[data-family="qwen"] .home-model-art-tile {
  background: linear-gradient(145deg, #8d7bdc, #423185);
}

.home-model-art[data-family="kimi"] .home-model-art-tile {
  background: linear-gradient(145deg, #373737, #080808);
}

.home-art-coordinate {
  font: 11px var(--home-mono);
  color: #696969;
  position: absolute;
  bottom: 35px;
  right: 30px;
}

.cheapai-home .home-model-card [data-slot="card-header"] {
  flex-direction: column;
  gap: 12px;
  padding: 0 32px;
  display: flex;
}

.cheapai-home .home-model-card [data-slot="card-title"] {
  align-items: center;
  gap: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.home-model-card [data-slot="card-title"] > small {
  color: var(--home-muted);
  font: 11px var(--home-mono);
  margin-left: auto;
}

.home-family-small-logo {
  display: flex;
}

.cheapai-home .home-model-card [data-slot="card-description"] {
  color: var(--home-ink);
  font-size: 18px;
}

.cheapai-home .home-model-card [data-slot="card-content"] {
  color: var(--home-muted);
  padding: 16px 32px 0;
  font-size: 16px;
  line-height: 24px;
}

.cheapai-home .home-model-card [data-slot="card-footer"] {
  background: none;
  border: 0;
  margin-top: auto;
  padding: 24px 32px 32px;
  font-size: 16px;
}

.home-model-card [data-slot="card-footer"] a:hover {
  color: var(--home-blue-readable);
}

.home-more-models {
  margin-top: 56px;
}

.home-more-models > div {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  margin-top: 24px;
  display: grid;
}

.home-more-models a {
  border-bottom: 1px solid var(--home-line);
  align-items: center;
  gap: 16px;
  padding: 20px 0;
  font-size: 20px;
  display: flex;
}

.home-more-models a > span:last-child {
  margin-left: auto;
}

.home-catalog-note {
  color: var(--home-muted);
  font-size: 14px;
  line-height: 22px;
  margin-top: 24px !important;
}

.home-live-catalog {
  margin-top: 96px;
}

.home-catalog-heading {
  margin-bottom: 32px;
}

.home-catalog-kicker {
  font: 12px var(--home-mono);
  color: var(--home-muted);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.home-catalog-title {
  letter-spacing: -.04em;
  font-size: 36px;
  line-height: 1.2;
  margin-top: 16px !important;
}

.home-catalog-heading > p {
  color: var(--home-muted);
  margin-top: 16px;
  font-size: 16px;
}

.home-catalog-stage {
  border: 1px solid var(--home-line);
  background: var(--home-surface);
  border-radius: 8px;
  overflow: hidden;
}

.home-catalog-toolbar {
  border-bottom: 1px solid var(--home-line);
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  padding: 20px 24px;
  display: flex;
}

.home-catalog-toolbar-label {
  flex-direction: column;
  gap: 8px;
  font-size: 13px;
  display: flex;
}

.home-catalog-toolbar-label > span {
  font: 10px var(--home-mono);
  color: var(--home-muted);
}

.home-catalog-toolbar-label strong {
  font-weight: 500;
}

.home-catalog-provider-filter {
  max-width: 100%;
  overflow-x: auto;
}

.home-catalog-live {
  font: 11px var(--home-mono);
  color: var(--home-muted);
  margin-left: auto;
}

.home-catalog-state {
  min-height: 150px;
  color: var(--home-muted);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 48px 24px;
  font-size: 14px;
  display: flex;
}

.home-catalog-workspace {
  grid-template-columns: 300px minmax(0, 1fr);
  display: grid;
}

.home-catalog-directory {
  border-right: 1px solid var(--home-line);
  min-width: 0;
}

.home-catalog-directory-header {
  border-bottom: 1px solid var(--home-line);
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
  font-size: 14px;
  display: flex;
}

.home-catalog-directory-header span {
  color: var(--home-muted);
  font: 10px var(--home-mono);
  margin-bottom: 8px;
  display: block;
}

.home-catalog-directory-list {
  max-height: 660px;
  padding: 8px;
  overflow-y: auto;
}

.home-catalog-directory-item {
  text-align: left;
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: 6px;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 16px 12px;
  display: flex;
}

.home-catalog-directory-item[data-active="true"] {
  background: var(--home-raised);
  border-color: #444;
}

.home-catalog-directory-index {
  font: 10px var(--home-mono);
  color: var(--home-muted);
}

.home-catalog-directory-copy {
  min-width: 0;
}

.home-catalog-directory-copy strong {
  overflow-wrap: anywhere;
  font-size: 13px;
  display: block;
}

.home-catalog-directory-copy small {
  color: var(--home-muted);
  margin-top: 6px;
  font-size: 10px;
  display: block;
}

.home-catalog-directory-arrow {
  margin-left: auto;
  font-size: 14px;
}

.home-catalog-detail {
  min-width: 0;
  padding: 28px;
}

.home-catalog-detail-meta {
  font: 10px var(--home-mono);
  color: var(--home-muted);
  justify-content: space-between;
  gap: 12px;
  display: flex;
}

.home-catalog-detail-title-row {
  align-items: center;
  gap: 14px;
  margin-top: 24px;
  display: flex;
}

.home-catalog-detail-title-row h3 {
  overflow-wrap: anywhere;
  font-size: 28px;
}

.home-catalog-detail-heading > p {
  color: var(--home-muted);
  margin-top: 16px;
  font-size: 14px;
}

.home-catalog-detail-panels {
  gap: 20px;
  margin-top: 24px;
  display: grid;
}

.home-catalog-detail-panel {
  border: 1px solid var(--home-line);
  border-radius: 8px;
}

.home-catalog-detail-panel-header {
  border-bottom: 1px solid var(--home-line);
  padding: 16px;
}

.home-catalog-detail-panel-header span {
  font: 10px var(--home-mono);
  color: var(--home-muted);
  display: block;
}

.home-catalog-detail-panel-header strong {
  margin-top: 8px;
  font-size: 14px;
  display: block;
}

.home-catalog-endpoint-row, .home-catalog-route-row {
  border-bottom: 1px solid var(--home-line);
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.home-catalog-endpoint-row:last-child, .home-catalog-route-row:last-child {
  border-bottom: 0;
}

.home-catalog-endpoint-method {
  font: 10px var(--home-mono);
  color: var(--home-blue-readable);
}

.home-catalog-endpoint-row strong {
  font-size: 13px;
  display: block;
}

.home-catalog-endpoint-row code {
  color: var(--home-muted);
  overflow-wrap: anywhere;
  margin-top: 4px;
  font-size: 10px;
  display: block;
}

.home-catalog-route-copy {
  flex-direction: column;
  gap: 8px;
  font-size: 13px;
  display: flex;
}

.home-catalog-route-ratio {
  flex-direction: column;
  gap: 4px;
  margin-left: auto;
  display: flex;
}

.home-catalog-route-ratio strong {
  color: var(--home-blue-readable);
  font-size: 13px;
}

.home-catalog-route-ratio small {
  max-width: 300px;
  color: var(--home-muted);
  font-size: 11px;
  line-height: 1.5;
}

.home-catalog-detail-footer {
  margin-top: 24px;
}

.home-catalog-detail-footer > p {
  color: var(--home-muted);
  font-size: 11px;
}

.home-catalog-detail-actions {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
  display: flex;
}

.home-code-stage {
  border: 1px solid var(--home-line);
  background: var(--home-surface);
  border-radius: 8px;
  grid-template-columns: .8fr 1.2fr;
  margin-top: 96px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.home-code-steps {
  border-right: 1px solid var(--home-line);
  padding: 40px 32px;
}

.home-code-steps ol {
  flex-direction: column;
  gap: 32px;
  margin-top: 32px;
  padding: 0;
  list-style: none;
  display: flex;
}

.home-code-steps li {
  gap: 20px;
  display: flex;
}

.home-code-steps li > span {
  color: var(--home-blue-readable);
  font-size: 32px;
  line-height: 1;
}

.home-code-steps h3 {
  font-size: 18px;
}

.home-code-steps p {
  color: var(--home-muted);
  margin-top: 8px;
  font-size: 14px;
  line-height: 22px;
}

.home-code-steps code {
  font: 11px/1.6 var(--home-mono);
  overflow-wrap: anywhere;
  margin-top: 12px;
  display: block;
}

.home-code-steps .home-text-link {
  margin-top: 32px;
  font-size: 14px;
}

.home-code-tabs {
  min-width: 0;
  gap: 0 !important;
}

.home-code-toolbar {
  border-bottom: 1px solid var(--home-line);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 16px 20px;
  display: flex;
}

.home-code-toolbar > code {
  font: 11px var(--home-mono);
  color: var(--home-muted);
}

.home-code-toolbar button {
  font-size: 12px;
}

.cheapai-home .home-code-tabs > [data-slot="tabs-list"] {
  border-bottom: 1px solid var(--home-line);
  justify-content: flex-start;
  width: 100%;
  height: auto;
  padding: 8px 16px;
}

.cheapai-home .home-code-tabs [data-slot="tabs-trigger"] {
  height: 40px;
  padding: 10px 12px;
  font-size: 12px;
}

.home-code-tabs pre {
  min-height: 360px;
  font: 12px/2 var(--home-mono);
  margin: 0;
  padding: 28px 24px;
  overflow-x: auto;
}

.home-code-stage[data-home-tilt] {
  --home-pointer-x: 50%;
  --home-pointer-y: 50%;
  transform-style: preserve-3d;
  will-change: transform;
  transition: border-color .24s, box-shadow .24s;
}

.home-code-stage[data-home-tilt]:after {
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(360px circle at var(--home-pointer-x) var(--home-pointer-y),
    var(--home-blue),
    transparent 68%);
  position: absolute;
  inset: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .home-code-stage[data-home-tilt]:after {
    background: radial-gradient(360px circle at var(--home-pointer-x) var(--home-pointer-y),
    color-mix(in srgb, var(--home-blue) 14%, transparent),
    transparent 68%);
  }
}

.home-code-stage[data-home-tilt]:after {
  content: "";
  opacity: 0;
  transition: opacity .24s;
}

.home-code-stage[data-home-tilt] > * {
  z-index: 1;
  position: relative;
}

.home-code-stage[data-home-tilt][data-tilt-active="true"] {
  border-color: var(--home-blue-readable);
}

@supports (color: color-mix(in lab, red, red)) {
  .home-code-stage[data-home-tilt][data-tilt-active="true"] {
    border-color: color-mix(in srgb,
    var(--home-blue-readable) 72%,
    var(--home-line));
  }
}

.home-code-stage[data-home-tilt][data-tilt-active="true"] {
  box-shadow: 0 24px 60px -42px #0044ff7a;
}

.home-code-stage[data-home-tilt][data-tilt-active="true"]:after {
  opacity: 1;
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
  .home-code-stage[data-home-tilt] {
    transition: none;
    transform: none !important;
  }

  .home-code-stage[data-home-tilt]:after {
    display: none;
  }
}

.home-code-line {
  gap: 20px;
  min-width: max-content;
  display: flex;
}

.home-code-line > i {
  color: #696969;
  -webkit-user-select: none;
  user-select: none;
  font-style: normal;
}

.home-code-line[data-comment="true"] {
  color: var(--home-muted);
}

.home-code-caption {
  border-top: 1px solid var(--home-line);
  color: var(--home-muted);
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 24px;
  font-size: 12px;
  display: flex;
}

.home-operation-cards {
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-top: 96px;
  display: grid;
}

.cheapai-home .home-operation-card {
  border: 1px solid var(--home-line);
  box-shadow: none;
  background: var(--home-surface);
  border-radius: 8px;
  flex-direction: column;
  gap: 0;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.home-operation-card [data-slot="card-header"] {
  gap: 12px;
  padding: 0 32px;
}

.home-operation-card [data-slot="card-title"] {
  font-size: 24px;
  font-weight: 500;
}

.home-operation-card [data-slot="card-description"] {
  font-size: 16px;
}

.home-operation-card [data-slot="card-content"] {
  color: var(--home-muted);
  padding: 16px 32px;
  font-size: 16px;
  line-height: 24px;
}

.home-operation-card [data-slot="card-footer"] {
  background: none;
  border: 0;
  padding: 8px 32px 32px;
  font-size: 16px;
}

.home-access-art, .home-usage-art {
  align-items: center;
  gap: 28px;
  height: 340px;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-metal-icon {
  color: #e5edff;
  background: linear-gradient(145deg, #2662fd, #072f99);
  border-radius: 28px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 136px;
  height: 136px;
  display: flex;
  transform: rotate(-12deg);
  box-shadow: inset 2px 3px 4px #749dfc, inset -4px -5px 9px #001d6f, 15px 20px 40px #0007;
}

.home-access-art > div {
  flex: 1;
  min-width: 170px;
  transform: perspective(600px) rotateY(-8deg);
}

.home-access-art > div > div {
  background: var(--home-raised);
  border: 1px solid #333;
  border-radius: 8px;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 12px;
  padding: 14px 20px;
  font-size: 12px;
  display: flex;
}

.home-access-art code {
  font: 10px var(--home-mono);
  color: var(--home-muted);
}

.home-usage-art {
  flex-direction: column;
  justify-content: center;
  gap: 32px;
}

.home-usage-art-models {
  gap: 20px;
  display: flex;
}

.home-usage-art-models > span {
  background: var(--home-raised);
  border: 1px solid #333;
  border-radius: 8px;
  padding: 12px;
}

.home-usage-art-path {
  width: 100%;
  color: var(--home-blue-readable);
  font: 13px var(--home-mono);
  align-items: center;
  gap: 16px;
  display: flex;
}

.home-usage-art-path > i {
  background: linear-gradient(90deg, #244499, #04f);
  flex: 1;
  height: 1px;
}

.home-usage-art-fields {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  width: 100%;
  display: grid;
}

.home-usage-art-fields > span {
  border: 1px solid #333;
  border-radius: 5px;
  padding: 14px 12px;
  font-size: 11px;
}

.home-usage-art-fields i {
  background: #444;
  width: 70%;
  height: 2px;
  margin-top: 16px;
  display: block;
}

.home-control-heading {
  max-width: 1000px;
  margin-top: 160px;
}

.home-control-heading h2 {
  letter-spacing: -.045em;
  font-size: 64px;
  line-height: 1.05;
}

.home-control-heading p {
  max-width: 900px;
  color: var(--home-muted);
  margin-top: 32px;
  font-size: 20px;
  line-height: 28px;
}

.home-control-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 64px 48px;
  margin-top: 64px;
  display: grid;
}

.home-control-icon {
  align-items: center;
  height: 116px;
  display: flex;
}

.home-control-icon svg {
  color: #c4c4c4;
  filter: drop-shadow(4px 4px #333);
  width: 64px;
  height: 64px;
  transform: rotate(-8deg);
}

.home-control-grid h3 {
  font-size: 20px;
  line-height: 28px;
}

.home-control-grid p {
  color: var(--home-muted);
  margin-top: 16px;
  font-size: 16px;
  line-height: 24px;
}

.home-partners {
  background: url(/static/image/grid-left.0a5d0369ec.png) 0 60% / 280px no-repeat;
  padding-top: 200px;
}

.home-roles {
  grid-template-columns: 1fr 2fr;
  gap: 48px;
  display: grid;
}

.home-roles > h2 {
  letter-spacing: -.04em;
  padding-top: 20px;
  font-size: 56px;
  line-height: 1.1;
}

.cheapai-home .home-role-accordion [data-slot="accordion-item"] {
  border: 0;
  padding: 0;
}

.cheapai-home .home-role-accordion [data-slot="accordion-trigger"] {
  font-family: "Zashmodel Mondwest", var(--home-font);
  letter-spacing: -.035em;
  color: #858585;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  padding: 20px 0;
  font-size: 56px;
  line-height: 1.1;
  display: flex;
}

.home-role-accordion [data-slot="accordion-trigger"]:hover {
  color: var(--home-ink);
  text-decoration: none;
}

.cheapai-home .home-role-accordion [data-slot="accordion-trigger"][aria-expanded="true"] {
  font-family: var(--home-font);
  color: var(--home-ink);
  font-weight: 500;
}

.home-role-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 58px;
  display: flex;
}

.home-role-accordion [data-slot="accordion-trigger-icon"] {
  display: none;
}

.cheapai-home .home-role-accordion [data-slot="accordion-content"] > div {
  height: auto;
  color: var(--home-muted);
  padding: 0 0 20px 82px;
  font-size: 20px;
  line-height: 28px;
}

.home-role-accordion [data-slot="accordion-content"] a {
  color: var(--home-ink);
  margin-top: 20px;
  font-size: 18px;
  text-decoration: none;
  display: inline-block;
}

.home-partner-callout {
  max-width: 840px;
  margin-top: 180px;
}

.home-partner-callout h2 {
  letter-spacing: -.045em;
  margin-top: 24px;
  font-size: 64px;
  line-height: 1.05;
}

.home-partner-callout > p {
  color: var(--home-muted);
  max-width: 720px;
  margin-top: 32px;
  font-size: 20px;
  line-height: 28px;
}

.home-partner-callout .home-actions {
  margin-top: 32px;
}

.home-final-cta {
  text-align: center;
  background: url(/static/image/footer-grid.7cd0bab3ea.png) center / auto 100% no-repeat;
  margin-top: 160px;
  padding-block: 160px;
}

.home-final-cta h2 {
  letter-spacing: -.045em;
  font-size: 64px;
  line-height: 1.1;
}

.home-final-cta .home-actions {
  justify-content: center;
  margin-top: 32px;
}

.cheapai-public .landing-footer {
  --landing-ink: var(--home-ink);
  --landing-muted: var(--home-muted);
  --landing-line: var(--home-line);
  --landing-bg: var(--home-bg);
  background: var(--home-bg);
  color: var(--home-ink);
  border-top: 1px solid var(--home-line);
  padding: 0;
}

.cheapai-public .landing-footer-shell {
  max-width: 1512px;
  padding: 40px var(--home-gutter) 64px;
}

.cheapai-public .landing-footer-trust-rail {
  border-bottom: 1px solid var(--home-line);
  color: var(--home-muted);
  font: 11px/1.5 var(--home-mono);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 48px;
  padding-bottom: 28px;
  display: flex;
}

.cheapai-public .landing-footer-language-count, .cheapai-public .landing-footer-health {
  align-items: center;
  gap: 8px;
  display: flex;
}

.cheapai-public .landing-footer-grid {
  grid-template-columns: 1.2fr repeat(4, 1fr);
  gap: 32px;
  display: grid;
}

.cheapai-public .landing-footer-heading {
  font: 12px var(--home-mono);
  color: var(--home-ink);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 20px;
}

.cheapai-public .landing-footer-list {
  flex-direction: column;
  gap: 14px;
  padding: 0;
  list-style: none;
  display: flex;
}

.cheapai-public .landing-footer-link {
  color: var(--home-muted);
  font-family: var(--home-font);
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 20px;
}

.cheapai-public .landing-footer-link:hover {
  color: var(--home-ink);
}

.cheapai-public .landing-footer-attribution {
  color: var(--home-muted);
  font: 10px/1.6 var(--home-mono);
  flex-direction: column;
  gap: 6px;
  margin-top: 20px;
  display: flex;
}

.cheapai-public .landing-footer-wordmark-logo .cheapai-wordmark-name {
  font: 500 22px var(--home-font);
  letter-spacing: -.04em;
}

@media (max-width: 1280px) {
  .cheapai-public, .cheapai-home, .cheapai-public-header {
    --home-gutter: 64px;
    --home-section-gap: 128px;
  }

  html:has(.cheapai-public) {
    --home-gutter: 64px;
    --home-section-gap: 128px;
  }

  .home-nav {
    gap: 16px;
  }

  .home-desktop-nav [data-slot="navigation-menu-link"], .home-desktop-nav [data-slot="navigation-menu-trigger"] {
    padding-inline: 8px;
    font-size: 13px;
  }

  .home-nav-actions {
    gap: 4px;
  }

  .home-nav-actions > button {
    display: none;
  }

  .cheapai-home .home-hero h1 {
    letter-spacing: -1.5px;
    font-size: 72px;
    line-height: 80px;
  }

  .home-hero {
    padding-block: 96px;
  }

  .home-hero h1 .home-brand-key {
    width: 108px;
    height: 108px;
  }

  .home-workbench-wrap {
    padding-inline: 48px;
  }

  .home-workbench-content {
    padding-inline: 28px;
  }

  .home-introduction > h2 {
    font-size: 40px;
  }

  .home-facts {
    gap: 32px;
  }

  .home-constellation {
    width: 100%;
    max-width: 100%;
  }

  .home-centralize {
    grid-template-columns: 1fr 1.2fr;
    gap: 24px;
  }

  .home-chapter-heading h2, .home-mission h2, .home-control-heading h2, .home-partner-callout h2, .home-final-cta h2 {
    font-size: 48px;
  }

  .home-model-art {
    height: 300px;
  }

  .home-roles {
    grid-template-columns: 1fr 2fr;
    gap: 24px;
  }

  .home-roles > h2, .cheapai-home .home-role-accordion [data-slot="accordion-trigger"] {
    font-size: 40px;
  }

  .home-access-art, .home-usage-art {
    padding-inline: 28px;
  }

  .home-access-art {
    gap: 16px;
  }

  .home-metal-icon {
    width: 100px;
    height: 110px;
  }

  .home-catalog-workspace {
    grid-template-columns: 260px minmax(0, 1fr);
  }
}

@media (max-width: 1000px) and (min-width: 800px) {
  .home-nav {
    gap: 12px;
  }

  .home-brand .cheapai-wordmark-name {
    display: none;
  }

  .home-nav-signin {
    padding-inline: 8px;
  }

  .home-centralize {
    grid-template-columns: 1fr;
  }

  .home-constellation {
    max-width: 640px;
    margin-inline: auto;
  }

  .home-code-stage {
    grid-template-columns: 1fr;
  }

  .home-code-steps {
    border-right: 0;
    border-bottom: 1px solid var(--home-line);
  }

  .home-code-steps ol {
    flex-direction: row;
  }

  .home-code-steps li {
    flex-direction: column;
    flex: 1;
  }

  .home-access-art {
    padding: 24px;
  }

  .home-access-art > div {
    min-width: 140px;
  }

  .home-usage-art {
    padding: 24px;
  }

  .home-control-grid {
    gap: 40px 24px;
  }
}

@media (max-width: 799px) {
  .cheapai-public, .cheapai-home, .cheapai-public-header {
    --home-gutter: 16px;
    --home-section-gap: 96px;
  }

  html:has(.cheapai-public) {
    --home-gutter: 16px;
    --home-section-gap: 96px;
  }

  .cheapai-home {
    font-size: 16px;
    line-height: 24px;
  }

  .home-announcement {
    min-height: 38px;
    padding: 8px 40px;
    font-size: 10px;
    line-height: 18px;
  }

  .home-announcement a > span:first-child {
    display: none;
  }

  .home-announcement > button {
    top: 7px;
    right: 16px;
  }

  .home-nav {
    justify-content: space-between;
    height: 72px;
    padding: 16px;
  }

  .home-nav .home-desktop-nav, .home-nav .home-nav-actions {
    display: none;
  }

  .home-nav .home-menu-trigger {
    min-height: 40px;
    padding: 10px 16px;
    display: inline-flex;
  }

  .home-brand .cheapai-wordmark-name {
    font-size: 20px;
    line-height: 20px;
  }

  .home-hero {
    align-items: flex-start;
    min-height: auto;
    padding-top: 152px;
    padding-bottom: 128px;
  }

  .home-hero-content {
    gap: 32px;
    padding-top: 0;
  }

  .home-hero-signals {
    letter-spacing: .06em;
    flex-flow: wrap;
    gap: 8px 16px;
    font-size: 11px;
  }

  .home-hero-signals > span {
    gap: 8px;
  }

  .home-hero-signals svg {
    width: 16px;
    height: 16px;
  }

  .home-hero-frame {
    display: none;
  }

  .cheapai-home .home-hero h1 {
    letter-spacing: -1px;
    max-width: 100%;
    font-size: 56px;
    line-height: 60px;
  }

  .home-hero h1 > span:last-child {
    flex-wrap: nowrap;
    gap: 10px;
  }

  .home-hero h1 .home-brand-key {
    width: 58px;
    height: 58px;
  }

  .home-hero-description {
    font-size: 16px;
    line-height: 24px;
  }

  .home-provider-rail {
    bottom: 32px;
  }

  .home-provider-rail ul {
    gap: 32px;
    padding-inline: 16px;
  }

  .home-provider-rail li {
    gap: 8px;
    font-size: 18px;
  }

  .home-provider-rail li svg {
    width: 24px;
    height: 24px;
  }

  .home-workbench-wrap {
    margin-top: 0;
    padding-inline: 16px;
  }

  .home-workbench-wrap:after {
    height: 40px;
  }

  .home-workbench-bar {
    padding: 16px;
    font-size: 11px;
  }

  .home-workbench-bar > a {
    font-size: 10px;
  }

  .home-workbench-bar > span {
    gap: 8px;
  }

  .cheapai-home .home-workbench-tabs {
    grid-template-columns: 1fr;
  }

  .cheapai-home .home-workbench-sidebar {
    border-right: 0;
    border-bottom: 1px solid var(--home-line);
    flex-direction: row;
    padding: 8px;
    overflow-x: auto;
  }

  .cheapai-home .home-workbench-sidebar [data-slot="tabs-trigger"] {
    gap: 8px;
    width: auto;
    min-height: 42px;
    padding: 10px;
    font-size: 12px;
  }

  .home-workbench-sidebar small, .home-workbench-arrow {
    display: none;
  }

  .home-workbench-sidebar [data-slot="tabs-trigger"] svg {
    width: 20px;
    height: 20px;
  }

  .cheapai-home .home-workbench-content {
    padding: 24px 20px 44px;
    font-size: 14px;
  }

  .home-workbench-head {
    gap: 12px;
  }

  .home-workbench-head h2 {
    font-size: 34px;
  }

  .home-workbench-head .home-eyebrow {
    font-size: 9px;
  }

  .home-workbench-logo {
    border-radius: 12px;
    width: 64px;
    height: 64px;
  }

  .home-workbench-logo svg {
    width: 38px;
    height: 38px;
  }

  .home-workbench-detail {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 24px;
  }

  .home-workbench-detail > div {
    padding: 16px;
  }

  .home-workbench-detail > div + div {
    display: none;
  }

  .home-workbench-detail h3 {
    margin-top: 8px;
    font-size: 16px;
  }

  .home-workbench-bottom {
    font-size: 10px;
  }

  .home-introduction {
    padding-top: 80px;
  }

  .home-introduction > h2 {
    letter-spacing: -.04em;
    font-size: 32px;
    line-height: 36px;
  }

  .home-brand-key-small {
    width: 36px;
    height: 36px;
  }

  .home-facts {
    grid-template-columns: 1fr;
    gap: 40px;
    padding-top: 48px;
  }

  .home-facts strong {
    gap: 12px;
    margin-bottom: 16px;
  }

  .home-facts strong > span {
    font-size: 64px;
  }

  .home-facts h3 {
    font-size: 20px;
  }

  .home-facts p {
    font-size: 16px;
    line-height: 24px;
  }

  .home-mission {
    margin-top: 96px;
  }

  .home-mission h2, .home-chapter-heading h2, .home-control-heading h2, .home-partner-callout h2, .home-final-cta h2 {
    letter-spacing: -.035em;
    font-size: 32px;
    line-height: 36px;
  }

  .home-inline-models > span {
    border-radius: 7px;
    width: 34px;
    height: 34px;
  }

  .home-inline-models svg {
    width: 23px;
    height: 23px;
  }

  .home-mission > p {
    margin-block: 28px;
    font-size: 16px;
    line-height: 24px;
  }

  .home-chapter-heading h2 sup {
    font-size: 28px;
  }

  .home-chapter-heading h3 {
    margin-top: 20px;
    font-size: 20px;
    line-height: 26px;
  }

  .home-chapter-heading > p {
    margin-top: 24px;
    font-size: 16px;
    line-height: 24px;
  }

  .home-centralize {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .home-text-link {
    font-size: 16px;
  }

  .home-constellation {
    max-width: 560px;
    margin-inline: auto;
  }

  .home-constellation-center .home-brand-key {
    width: 90px;
    height: 90px;
  }

  .home-constellation-center > span:last-child {
    font-size: 16px;
  }

  .home-constellation-center {
    gap: 14px;
  }

  .home-orbit-node > span {
    width: 40px;
    height: 40px;
  }

  .home-orbit-node svg {
    width: 23px;
    height: 23px;
  }

  .home-orbit-node small {
    font-size: 9px;
  }

  .home-constellation-grid {
    background-size: 28px 28px;
  }

  .home-select:before, .home-integration:before {
    display: none;
  }

  .home-model-cards {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 48px;
  }

  .home-model-art {
    height: 300px;
  }

  .home-model-art-name {
    font-size: 96px;
  }

  .home-model-art-tile {
    width: 148px;
    height: 148px;
  }

  .cheapai-home .home-model-card [data-slot="card-header"] {
    padding-inline: 24px;
  }

  .cheapai-home .home-model-card [data-slot="card-content"] {
    padding: 16px 24px 0;
  }

  .cheapai-home .home-model-card [data-slot="card-footer"] {
    padding: 24px;
  }

  .home-more-models > div {
    grid-template-columns: 1fr 1fr;
    gap: 12px 20px;
  }

  .home-more-models a {
    gap: 10px;
    font-size: 16px;
  }

  .home-catalog-note {
    font-size: 12px;
    line-height: 20px;
  }

  .home-live-catalog {
    margin-top: 64px;
  }

  .home-catalog-title {
    font-size: 28px;
  }

  .home-catalog-toolbar {
    gap: 16px;
    padding: 16px;
  }

  .home-catalog-live {
    margin-left: 0;
  }

  .home-catalog-workspace {
    grid-template-columns: 1fr;
  }

  .home-catalog-directory {
    border-right: 0;
    border-bottom: 1px solid var(--home-line);
  }

  .home-catalog-directory-list {
    max-height: 240px;
  }

  .home-catalog-detail {
    padding: 20px 16px;
  }

  .home-catalog-detail-title-row h3 {
    font-size: 24px;
  }

  .home-catalog-detail-meta {
    flex-wrap: wrap;
    font-size: 9px;
  }

  .home-catalog-route-ratio {
    margin-left: 0;
  }

  .home-code-stage {
    grid-template-columns: 1fr;
    margin-top: 48px;
  }

  .home-code-steps {
    border-right: 0;
    border-bottom: 1px solid var(--home-line);
    padding: 28px 24px;
  }

  .home-code-steps li {
    gap: 16px;
  }

  .home-code-toolbar {
    padding: 12px 16px;
  }

  .cheapai-home .home-code-tabs > [data-slot="tabs-list"] {
    gap: 0;
    padding-inline: 8px;
  }

  .cheapai-home .home-code-tabs [data-slot="tabs-trigger"] {
    padding-inline: 10px;
    font-size: 11px;
  }

  .home-code-tabs pre {
    min-height: 300px;
    padding: 24px 16px;
    font-size: 10px;
  }

  .home-code-line {
    gap: 12px;
  }

  .home-code-caption {
    padding: 16px;
    font-size: 11px;
  }

  .home-code-caption .home-eyebrow {
    font-size: 10px;
  }

  .home-operation-cards {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 48px;
  }

  .home-access-art, .home-usage-art {
    gap: 20px;
    height: 300px;
    padding-inline: 24px;
  }

  .home-metal-icon {
    border-radius: 22px;
    width: 100px;
    height: 110px;
  }

  .home-metal-icon svg {
    width: 60px;
    height: 60px;
  }

  .home-access-art > div {
    min-width: 140px;
  }

  .home-access-art > div > div {
    padding: 12px;
    font-size: 11px;
  }

  .home-usage-art-models {
    gap: 16px;
  }

  .home-usage-art-models > span {
    padding: 10px;
  }

  .home-usage-art-models svg {
    width: 26px;
    height: 26px;
  }

  .home-usage-art-fields {
    gap: 8px;
  }

  .home-usage-art-fields > span {
    padding: 12px 8px;
    font-size: 10px;
  }

  .home-operation-card [data-slot="card-header"], .home-operation-card [data-slot="card-content"] {
    padding-inline: 24px;
  }

  .home-operation-card [data-slot="card-footer"] {
    padding: 8px 24px 24px;
  }

  .home-control-heading {
    margin-top: 96px;
  }

  .home-control-heading p {
    margin-top: 24px;
    font-size: 16px;
    line-height: 24px;
  }

  .home-control-grid {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-top: 40px;
  }

  .home-control-icon {
    height: 100px;
  }

  .home-control-grid p {
    margin-top: 12px;
  }

  .home-partners {
    background: none;
    padding-top: 96px;
  }

  .home-roles {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .home-roles > h2 {
    padding: 0;
    font-size: 32px;
    line-height: 36px;
  }

  .cheapai-home .home-role-accordion [data-slot="accordion-trigger"] {
    gap: 16px;
    padding-block: 16px;
    font-size: 32px;
    line-height: 38px;
  }

  .home-role-icon {
    width: 38px;
  }

  .home-role-icon svg {
    width: 32px;
    height: 32px;
  }

  .cheapai-home .home-role-accordion [data-slot="accordion-content"] > div {
    padding-left: 54px;
    font-size: 16px;
    line-height: 24px;
  }

  .home-role-accordion [data-slot="accordion-content"] a {
    margin-top: 16px;
    font-size: 16px;
  }

  .home-partner-callout {
    margin-top: 96px;
  }

  .home-partner-callout > p {
    margin-top: 24px;
    font-size: 16px;
    line-height: 24px;
  }

  .home-final-cta {
    background-size: auto 100%;
    margin-top: 96px;
    padding-block: 96px;
  }

  .cheapai-public .landing-footer-shell {
    padding: 32px 16px 48px;
  }

  .cheapai-public .landing-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 40px 24px;
  }

  .cheapai-public .landing-footer-brand {
    grid-column: 1 / -1;
  }

  .cheapai-public .landing-footer-trust-rail {
    gap: 16px;
    margin-bottom: 32px;
    padding-bottom: 24px;
    font-size: 10px;
  }

  .cheapai-public .landing-footer-list {
    gap: 12px;
  }

  .cheapai-public .landing-footer-link {
    font-size: 12px;
    line-height: 18px;
  }
}

@media (max-width: 359px) {
  .cheapai-home .home-hero h1 {
    font-size: 48px;
    line-height: 52px;
  }

  .home-hero h1 .home-brand-key {
    width: 48px;
    height: 48px;
  }

  .home-hero-signals {
    column-gap: 12px;
    font-size: 10px;
  }

  .home-actions {
    gap: 8px;
  }

  :is(.cheapai-public, .cheapai-public-header, .home-mobile-menu) .home-button {
    padding-inline: 12px;
    font-size: 12px;
  }

  .home-workbench-bar > a {
    text-align: right;
    max-width: 100px;
  }

  .home-access-art {
    gap: 12px;
    padding-inline: 16px;
  }

  .home-metal-icon {
    width: 86px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cheapai-home *, .cheapai-home :before, .cheapai-home :after, .cheapai-public-header .home-announcement, .cheapai-public-header .home-announcement * {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}

html:has(.cheapai-public) {
  scrollbar-color: #444 var(--home-bg);
}

html:has(.cheapai-public)::-webkit-scrollbar-track {
  background: var(--home-bg);
}

html:has(.cheapai-public) body::-webkit-scrollbar-track {
  background: var(--home-bg);
}

.cheapai-home .home-hero-lead, .cheapai-home .home-hero h1 .home-pixel {
  white-space: nowrap;
  flex: none;
}

@media (max-width: 1280px) {
  .home-hero h1 > span:last-child {
    height: 88px;
  }
}

@media (max-width: 799px) {
  .home-hero h1 > span:last-child {
    height: 60px;
  }
}

@media (max-width: 359px) {
  .home-hero h1 > span:last-child {
    height: 52px;
  }
}

.cheapai-home :where(h1, h2) {
  font-weight: 600;
}

.cheapai-home .home-introduction > h2 {
  letter-spacing: -2px;
  line-height: 60px;
}

.cheapai-home .home-chapter-heading h2, .cheapai-home .home-mission h2, .cheapai-home .home-control-heading h2, .cheapai-home .home-partner-callout h2, .cheapai-home .home-final-cta h2 {
  letter-spacing: -2px;
  line-height: 68px;
}

@media (max-width: 1280px) {
  .cheapai-home .home-introduction > h2 {
    letter-spacing: -1px;
    line-height: 44px;
  }

  .cheapai-home .home-chapter-heading h2, .cheapai-home .home-mission h2, .cheapai-home .home-control-heading h2, .cheapai-home .home-partner-callout h2, .cheapai-home .home-final-cta h2 {
    letter-spacing: -1px;
    line-height: 52px;
  }
}

@media (max-width: 799px) {
  .cheapai-home .home-introduction > h2, .cheapai-home .home-chapter-heading h2, .cheapai-home .home-mission h2, .cheapai-home .home-control-heading h2, .cheapai-home .home-partner-callout h2, .cheapai-home .home-final-cta h2 {
    letter-spacing: -.25px;
    line-height: 36px;
  }
}

html:has(.cheapai-public) {
  scrollbar-width: none;
}

html:has(.cheapai-public)::-webkit-scrollbar {
  width: 0;
  height: 0;
}

:is(.cheapai-public, .cheapai-public-header, .home-mobile-menu) .home-button.bg-secondary {
  border-color: #585858;
}

.home-controls {
  padding-top: 160px;
}

.home-controls .home-control-heading {
  margin-top: 0;
}

.home-use-cases {
  padding-top: 160px;
}

.home-use-cases > header {
  max-width: 780px;
}

.home-use-cases h2 {
  letter-spacing: -2px;
  font-size: 64px;
  line-height: 68px;
}

.home-use-cases > header > p {
  color: var(--home-muted);
  margin-top: 32px;
  font-size: 20px;
  line-height: 28px;
}

.home-story-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  margin-top: 64px;
  display: grid;
}

.home-story-art {
  background: linear-gradient(145deg, #202938, #101010 85%);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  height: 330px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-story-art[data-story="knowledge"] {
  background: linear-gradient(145deg, #302637, #101010 85%);
}

.home-story-art[data-story="reason"] {
  background: linear-gradient(145deg, #1e2444, #101010 85%);
}

.home-story-art > .home-pixel {
  color: #ffffff65;
  font-size: 48px;
}

.home-story-art > div {
  align-items: center;
  gap: 20px;
  display: flex;
}

.home-story-art > div > span {
  background: linear-gradient(135deg, #414141, #191919);
  border: 1px solid #ffffff25;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100px;
  height: 124px;
  display: flex;
  transform: rotate(-8deg);
  box-shadow: 10px 15px 35px #0006;
}

.home-story-art > div > span:nth-child(2) {
  transform: translateY(24px) rotate(8deg);
}

.home-story-art small {
  font-size: 10px;
  font-family: var(--home-mono);
}

.home-story-art code {
  font: 11px var(--home-mono);
  color: var(--home-muted);
  position: absolute;
  bottom: 18px;
  left: 24px;
}

.home-story-grid h3 {
  margin-top: 28px;
  font-size: 20px;
  line-height: 28px;
}

.home-story-grid > article > p {
  color: var(--home-muted);
  margin-top: 12px;
  font-size: 14px;
  line-height: 22px;
}

.home-story-grid > article > a:hover h3 {
  color: var(--home-blue-readable);
}

@media (max-width: 1280px) {
  .home-use-cases h2 {
    letter-spacing: -1px;
    font-size: 48px;
    line-height: 52px;
  }

  .home-story-grid {
    gap: 24px;
  }

  .home-story-art {
    height: 280px;
  }

  .home-story-art > div {
    gap: 12px;
  }

  .home-story-art > div > span {
    width: 80px;
    height: 108px;
  }

  .home-story-art svg {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 799px) {
  .home-controls, .home-use-cases {
    padding-top: 96px;
  }

  .home-use-cases h2 {
    letter-spacing: -.25px;
    font-size: 32px;
    line-height: 36px;
  }

  .home-use-cases > header > p {
    margin-top: 24px;
    font-size: 16px;
    line-height: 24px;
  }

  .home-story-grid {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-top: 48px;
  }

  .home-story-art {
    height: 340px;
  }

  .home-story-art > div > span {
    width: 112px;
    height: 132px;
  }

  .home-story-art svg {
    width: 64px;
    height: 64px;
  }

  .home-story-grid h3 {
    margin-top: 24px;
  }
}

@media (min-width: 800px) and (max-width: 1280px) {
  .home-model-cards, .home-code-stage, .home-operation-cards {
    margin-top: 64px;
  }

  .home-model-cards, .home-operation-cards {
    gap: 24px;
  }
}

.home-hero-frame {
  background-size: 100%;
  width: 1512px;
  left: 50%;
  transform: translateX(-50%);
}

.home-hero-frame-top {
  height: 390px;
  top: 0;
}

.home-hero-frame-bottom {
  height: 437px;
  bottom: -120px;
}

html:has(.cheapai-public) {
  background: var(--home-bg);
  --lightningcss-light:  !important;
  --lightningcss-dark: initial !important;
  color-scheme: dark !important;
}

.cheapai-public {
  --font-brand: var(--home-font);
  --font-ui: var(--home-font);
  --font-sans: var(--home-font);
  --font-mono: var(--home-mono);
  --radius: 8px;
  --cheapai-background: var(--home-bg);
  --cheapai-foreground: var(--home-ink);
  --cheapai-card: var(--home-surface);
  --cheapai-card-foreground: var(--home-ink);
  --cheapai-popover: var(--home-raised);
  --cheapai-popover-foreground: var(--home-ink);
  --cheapai-primary: var(--home-ink);
  --cheapai-primary-foreground: var(--home-bg);
  --cheapai-secondary: var(--home-raised);
  --cheapai-secondary-foreground: var(--home-ink);
  --cheapai-muted: var(--home-raised);
  --cheapai-muted-foreground: var(--home-muted);
  --cheapai-accent: var(--home-raised);
  --cheapai-accent-foreground: var(--home-ink);
  --cheapai-border: var(--home-line);
  --cheapai-input: #414141;
  --cheapai-ring: var(--home-blue-readable);
  --destructive: #ff7676;
  --destructive-foreground: #1b0808;
  --success: #79d9a2;
  --success-foreground: #071b10;
  --warning: #edc071;
  --warning-foreground: #201608;
  --info: var(--home-blue-readable);
  --info-foreground: #07112a;
  background: var(--home-bg);
  color: var(--home-ink);
  font-family: var(--home-font);
}

html:has(.cheapai-public) body {
  --font-brand: var(--home-font);
  --font-ui: var(--home-font);
  --font-sans: var(--home-font);
  --font-mono: var(--home-mono);
  --radius: 8px;
  --cheapai-background: var(--home-bg);
  --cheapai-foreground: var(--home-ink);
  --cheapai-card: var(--home-surface);
  --cheapai-card-foreground: var(--home-ink);
  --cheapai-popover: var(--home-raised);
  --cheapai-popover-foreground: var(--home-ink);
  --cheapai-primary: var(--home-ink);
  --cheapai-primary-foreground: var(--home-bg);
  --cheapai-secondary: var(--home-raised);
  --cheapai-secondary-foreground: var(--home-ink);
  --cheapai-muted: var(--home-raised);
  --cheapai-muted-foreground: var(--home-muted);
  --cheapai-accent: var(--home-raised);
  --cheapai-accent-foreground: var(--home-ink);
  --cheapai-border: var(--home-line);
  --cheapai-input: #414141;
  --cheapai-ring: var(--home-blue-readable);
  --destructive: #ff7676;
  --destructive-foreground: #1b0808;
  --success: #79d9a2;
  --success-foreground: #071b10;
  --warning: #edc071;
  --warning-foreground: #201608;
  --info: var(--home-blue-readable);
  --info-foreground: #07112a;
  background: var(--home-bg);
  color: var(--home-ink);
  font-family: var(--home-font);
}

.cheapai-public {
  min-width: 0;
  font-size: 16px;
  line-height: 1.5;
}

.public-site-layout {
  flex-direction: column;
  min-height: 100svh;
  display: flex;
  position: relative;
  overflow-x: clip;
}

.public-site-layout > main, .public-site-layout > .cheapai-public-surface {
  flex: 1;
}

.cheapai-public :where(button, input, textarea, select) {
  font-family: inherit;
}

.cheapai-public :where(a, button, input, textarea, select):focus-visible {
  outline-color: var(--home-blue-readable);
  outline-offset: 3px;
}

.cheapai-public ::selection {
  color: var(--home-ink);
  background: var(--home-blue);
}

.cheapai-public-header [data-slot="navigation-menu-link"][data-active] {
  color: var(--home-ink);
  background: var(--home-raised);
}

html:has(.cheapai-public) .cheapai-public :is(.cheapai-public-surface, .cheapai-landing) {
  --mf-public-bg: var(--home-bg);
  --mf-public-panel: var(--home-surface);
  --mf-public-panel-strong: var(--home-raised);
  --mf-public-ink: var(--home-ink);
  --mf-public-muted: var(--home-muted);
  --mf-public-brand: var(--home-ink);
  --mf-public-brand-foreground: var(--home-bg);
  --mf-public-line: var(--home-line);
  --mf-public-line-soft: #202020;
  --mf-public-line-strong: #414141;
  --mf-public-shadow-soft: none;
  --mf-public-shadow-medium: none;
  --mf-public-shadow-strong: none;
  --mf-public-code-bg: #101010;
  --mf-public-code-line: var(--home-line);
  --mf-public-sans: var(--home-font);
  --mf-public-mono: var(--home-mono);
  --mf-public-frame-width: 100%;
  --mf-public-gutter: var(--home-gutter);
  --mf-catalog-acid: var(--home-blue);
  --mf-pricing-accent: var(--home-blue);
  --mf-pricing-accent-strong: var(--home-blue-readable);
  --mf-pricing-accent-soft: #172445;
  --mf-pricing-accent-wash: #10192b;
  --mf-pricing-accent-ink: #c2d3ff;
  --mf-pricing-bg: var(--home-bg);
  --mf-pricing-panel: var(--home-surface);
  --mf-pricing-panel-subtle: var(--home-raised);
  --mf-pricing-ink: var(--home-ink);
  --mf-pricing-muted: var(--home-muted);
  --mf-pricing-line: var(--home-line);
  --mf-pricing-line-strong: #414141;
  --mf-pricing-shadow: none;
  --mf-landing-sans: var(--home-font);
  --mf-landing-mono: var(--home-mono);
  --mf-landing-radius-micro: 4px;
  --mf-landing-radius-action: 8px;
  --mf-landing-radius-panel: 8px;
  --landing-bg: var(--home-bg);
  --landing-ink: var(--home-ink);
  --landing-muted: var(--home-muted);
  --landing-panel: var(--home-surface);
  --landing-line: var(--home-line);
  --landing-lime: var(--home-blue-readable);
  --landing-divider-line: var(--home-line);
  --landing-brand-blue: var(--home-blue);
  --landing-brand-contrast: var(--home-ink);
}

html:has(.cheapai-public) :is(.public-model-detail-sheet, .public-pricing-info-popover) {
  --mf-public-bg: var(--home-bg);
  --mf-public-panel: var(--home-surface);
  --mf-public-panel-strong: var(--home-raised);
  --mf-public-ink: var(--home-ink);
  --mf-public-muted: var(--home-muted);
  --mf-public-brand: var(--home-ink);
  --mf-public-brand-foreground: var(--home-bg);
  --mf-public-line: var(--home-line);
  --mf-public-line-soft: #202020;
  --mf-public-line-strong: #414141;
  --mf-public-shadow-soft: none;
  --mf-public-shadow-medium: none;
  --mf-public-shadow-strong: none;
  --mf-public-code-bg: #101010;
  --mf-public-code-line: var(--home-line);
  --mf-public-sans: var(--home-font);
  --mf-public-mono: var(--home-mono);
  --mf-public-frame-width: 100%;
  --mf-public-gutter: var(--home-gutter);
  --mf-catalog-acid: var(--home-blue);
  --mf-pricing-accent: var(--home-blue);
  --mf-pricing-accent-strong: var(--home-blue-readable);
  --mf-pricing-accent-soft: #172445;
  --mf-pricing-accent-wash: #10192b;
  --mf-pricing-accent-ink: #c2d3ff;
  --mf-pricing-bg: var(--home-bg);
  --mf-pricing-panel: var(--home-surface);
  --mf-pricing-panel-subtle: var(--home-raised);
  --mf-pricing-ink: var(--home-ink);
  --mf-pricing-muted: var(--home-muted);
  --mf-pricing-line: var(--home-line);
  --mf-pricing-line-strong: #414141;
  --mf-pricing-shadow: none;
  --mf-landing-sans: var(--home-font);
  --mf-landing-mono: var(--home-mono);
  --mf-landing-radius-micro: 4px;
  --mf-landing-radius-action: 8px;
  --mf-landing-radius-panel: 8px;
  --landing-bg: var(--home-bg);
  --landing-ink: var(--home-ink);
  --landing-muted: var(--home-muted);
  --landing-panel: var(--home-surface);
  --landing-line: var(--home-line);
  --landing-lime: var(--home-blue-readable);
  --landing-divider-line: var(--home-line);
  --landing-brand-blue: var(--home-blue);
  --landing-brand-contrast: var(--home-ink);
}

html:has(.cheapai-public) .cheapai-public .cheapai-public-surface {
  background: var(--home-bg);
  width: 100%;
  min-height: 0;
  color: var(--home-ink);
  font-family: var(--home-font);
  border: 0;
  margin: 0;
  padding: 0;
  position: relative;
}

html:has(.cheapai-public) .cheapai-public .public-page-grid {
  pointer-events: none;
  opacity: .6;
  background: url(/static/image/grid-right.1d0e4ecd4e.png) right 32px / 430px no-repeat;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000, #0000 900px);
  mask-image: linear-gradient(#000, #0000 900px);
}

html:has(.cheapai-public) .cheapai-public .public-page-grid:before {
  display: none;
}

html:has(.cheapai-public) .cheapai-public .public-page-grid:after {
  display: none;
}

.cheapai-public .public-standard-frame {
  width: 100%;
  max-width: 1512px;
  padding: 64px var(--home-gutter) 128px;
  background: none;
  border: 0;
  margin-inline: auto;
  position: relative;
}

html:has(.cheapai-public) .cheapai-public .public-page-frame {
  width: 100%;
  max-width: 1512px;
  padding: 64px var(--home-gutter) 128px;
  background: none;
  border: 0;
  margin-inline: auto;
  position: relative;
}

.cheapai-public .public-standard-frame {
  min-height: 65svh;
}

.cheapai-public .public-standard-frame > :first-child {
  padding-top: 0;
}

html:has(.cheapai-public) .cheapai-public .public-page-hero {
  width: 100%;
  max-width: 1050px;
  box-shadow: none;
  background: none;
  border: 0;
  margin: 0 0 64px;
  padding: 0;
}

html:has(.cheapai-public) .cheapai-public .public-page-eyebrow {
  color: var(--home-muted);
  font: 12px/18px var(--home-mono);
  letter-spacing: 1px;
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  display: flex;
}

html:has(.cheapai-public) .cheapai-public .public-page-eyebrow > span {
  background: var(--home-blue);
  width: 6px;
  height: 6px;
  box-shadow: none;
  border: 0;
}

html:has(.cheapai-public) .cheapai-public .public-page-title {
  max-width: 100%;
  color: var(--home-ink);
  font: 600 64px/68px var(--home-font);
  letter-spacing: -2px;
  text-wrap: balance;
  margin: 24px 0 0;
}

html:has(.cheapai-public) .cheapai-public .public-page-lead {
  max-width: 850px;
  color: var(--home-muted);
  font: 400 20px/28px var(--home-font);
  letter-spacing: normal;
  margin-top: 24px;
}

.cheapai-public [data-slot="card"] {
  background: var(--home-surface);
  color: var(--home-ink);
  border-color: var(--home-line);
  box-shadow: none;
  border-radius: 8px;
}

.cheapai-public [data-slot="card-title"] {
  font-family: var(--home-font);
  color: var(--home-ink);
}

.cheapai-public [data-slot="card-description"] {
  color: var(--home-muted);
}

html:has(.cheapai-public) [data-slot="button"]:not([data-size^="icon"]) {
  border-radius: 8px;
  min-height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

html:has(.cheapai-public) :is([data-slot="input"], [data-slot="select-trigger"], [data-slot="combobox-trigger"]) {
  background-color: var(--home-surface);
  min-height: 44px;
  color: var(--home-ink);
  border-color: #414141;
  border-radius: 8px;
  font-size: 14px;
}

html:has(.cheapai-public) [data-slot="textarea"] {
  background: var(--home-surface);
  color: var(--home-ink);
  border-color: #414141;
  border-radius: 8px;
  font-size: 14px;
}

.cheapai-public :is(input, textarea)::placeholder {
  color: #888;
  opacity: 1;
}

html:has(.cheapai-public) :is([data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"]):focus-visible {
  border-color: var(--home-blue-readable);
  outline-color: var(--home-blue-readable);
}

.cheapai-public :is([data-slot="badge"], [data-slot="toggle-group-item"]) {
  border-radius: 4px;
}

.cheapai-public :is([data-slot="tabs-list"], [role="tablist"]) {
  border-color: var(--home-line);
  color: var(--home-muted);
  font-family: var(--home-font);
}

html:has(.cheapai-public) .cheapai-public [data-slot="tabs-trigger"] {
  color: var(--home-muted);
  font: 500 14px/20px var(--home-font);
  border-radius: 6px;
}

html:has(.cheapai-public) .cheapai-public [data-slot="tabs-trigger"][data-active] {
  color: var(--home-ink);
}

html:has(.cheapai-public) .cheapai-public [data-slot="tabs-list"][data-variant="default"] [data-slot="tabs-trigger"][data-active] {
  box-shadow: none;
  background: #2b2b2b;
  border-color: #414141;
}

html:has(.cheapai-public) .cheapai-public [data-slot="tabs-list"][data-variant="line"] [data-slot="tabs-trigger"] {
  background: none;
}

html:has(.cheapai-public) .cheapai-public [data-slot="tabs-list"][data-variant="line"] [data-slot="tabs-trigger"]:after {
  background: var(--home-blue-readable);
}

html:has(.cheapai-public) :is([data-slot="select-content"], [data-slot="popover-content"], [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"], [data-slot="combobox-content"], [data-slot="hover-card-content"], [data-slot="dialog-content"], [data-slot="sheet-content"]) {
  background: var(--home-raised);
  color: var(--home-ink);
  border-color: var(--overlay-menu-border);
  border-radius: var(--overlay-menu-radius);
  font-family: var(--home-font);
}

html:has(.cheapai-public) [data-slot="sheet-content"] {
  border-radius: 0;
}

html:has(.cheapai-public) :is([data-slot="dialog-title"], [data-slot="sheet-title"], [data-slot="alert-title"]) {
  color: var(--home-ink);
}

.cheapai-public [data-slot="table-head"] {
  color: var(--home-muted);
}

.cheapai-public [data-slot="table-row"] {
  border-color: var(--home-line);
}

.cheapai-public :is(.prose, .public-reading-prose) {
  --tw-prose-body: #bcbcbc;
  --tw-prose-headings: var(--home-ink);
  --tw-prose-lead: var(--home-muted);
  --tw-prose-links: var(--home-blue-readable);
  --tw-prose-bold: var(--home-ink);
  --tw-prose-counters: var(--home-muted);
  --tw-prose-bullets: #777;
  --tw-prose-hr: var(--home-line);
  --tw-prose-quotes: var(--home-ink);
  --tw-prose-quote-borders: var(--home-blue);
  --tw-prose-captions: var(--home-muted);
  --tw-prose-code: var(--home-ink);
  --tw-prose-pre-code: var(--home-ink);
  --tw-prose-pre-bg: var(--home-surface);
  --tw-prose-th-borders: #414141;
  --tw-prose-td-borders: var(--home-line);
  font: 400 17px/1.8 var(--home-font);
  color: #bcbcbc;
}

.cheapai-public :is(.prose, .public-reading-prose) :is(h1, h2, h3, h4) {
  color: var(--home-ink);
  font-family: var(--home-font);
  letter-spacing: -.025em;
  font-weight: 600;
}

.cheapai-public .public-standard-frame .prose h1 {
  margin-bottom: 32px;
  font-size: 48px;
  line-height: 52px;
}

.cheapai-public :is(.prose, .public-reading-prose) h2 {
  margin-top: 48px;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 36px;
}

.cheapai-public :is(.prose, .public-reading-prose) h3 {
  margin-top: 32px;
  font-size: 22px;
  line-height: 30px;
}

.cheapai-public :is(.prose, .public-reading-prose) :is(p, li, td) {
  color: #bcbcbc;
}

.cheapai-public :is(.prose, .public-reading-prose) a {
  color: var(--home-blue-readable);
  text-underline-offset: 3px;
}

.cheapai-public :is(.prose, .public-reading-prose) strong {
  color: var(--home-ink);
}

.cheapai-public :is(.prose, .public-reading-prose) :is(code, pre) {
  font-family: var(--home-mono);
}

.cheapai-public :is(.prose, .public-reading-prose) pre {
  border: 1px solid var(--home-line);
  color: var(--home-ink);
  box-shadow: none;
  background: #101010;
  border-radius: 8px;
}

.cheapai-public :is(.prose, .public-reading-prose) :not(pre) > code {
  color: var(--home-ink);
  background: #252525;
}

.cheapai-public :is(.prose, .public-reading-prose) :is(thead, blockquote) {
  background: var(--home-surface);
}

.cheapai-public :is(.prose, .public-reading-prose) :is(th, td) {
  border-color: #414141;
}

html:has(.cheapai-public) .cheapai-public .public-pricing-hero {
  margin-bottom: 48px;
}

html:has(.cheapai-public) .cheapai-public :is(.public-pricing-explorer, .public-pricing-workspace) {
  border: 1px solid var(--home-line);
  background: var(--home-surface);
  box-shadow: none;
  border-radius: 8px;
}

html:has(.cheapai-public) .cheapai-public .public-pricing-family-tabs-list {
  background: var(--home-surface);
  border-color: var(--home-line);
  border-radius: 8px 8px 0 0;
}

html:has(.cheapai-public) .cheapai-public .public-pricing-family-tabs-list [data-slot="tabs-trigger"] {
  min-height: 48px;
  color: var(--home-muted);
  background: none;
  border-radius: 0;
}

html:has(.cheapai-public) .cheapai-public .public-pricing-family-tabs-list [data-slot="tabs-trigger"][data-active] {
  color: var(--home-ink);
  background: #1d1d1d;
}

html:has(.cheapai-public) .cheapai-public .public-pricing-family-tabs-list [data-slot="tabs-trigger"]:after {
  background: var(--home-blue);
}

html:has(.cheapai-public) .cheapai-public :is(.public-pricing-model-browser, .public-pricing-model-search, .public-pricing-model-browser-heading, .public-pricing-directory-panel, .public-pricing-active-model, .public-pricing-route-card) {
  background: var(--home-surface);
  color: var(--home-ink);
  border-color: var(--home-line);
}

html:has(.cheapai-public) .cheapai-public :is(.public-pricing-model-row, .public-pricing-model-grid [data-slot="toggle-group-item"]) {
  color: var(--home-muted);
  border-color: #0000;
}

html:has(.cheapai-public) .cheapai-public :is(.public-pricing-model-row, .public-pricing-model-grid [data-slot="toggle-group-item"]):is([data-active="true"], [aria-pressed="true"]) {
  background: var(--home-raised);
  color: var(--home-ink);
  border-color: #414141;
}

html:has(.cheapai-public) .cheapai-public .public-catalog-search-input {
  color: var(--home-ink) !important;
  box-shadow: none !important;
  background: #101010 !important;
  border-color: #414141 !important;
  border-radius: 8px !important;
}

.cheapai-public .public-pricing-search-shortcut {
  background: var(--home-raised);
  color: var(--home-muted);
}

.cheapai-public :is(.public-pricing-empty-state, .public-pricing-empty, .public-catalog-empty) {
  color: var(--home-muted);
}

.cheapai-public .public-pricing-model-footer {
  border-color: var(--home-line);
  color: var(--home-muted);
  background: none;
}

html:has(.cheapai-public) .cheapai-public :is(.public-docs-workspace, .public-docs-directory, .public-docs-toolbar, .public-docs-directory-header) {
  background: var(--home-surface);
  border-color: var(--home-line);
  color: var(--home-ink);
  border-radius: 8px;
}

html:has(.cheapai-public) .cheapai-public .public-docs-workspace {
  background: none;
  border: 0;
  margin-top: 64px;
  padding-top: 0;
}

.cheapai-public .public-docs-directory {
  overflow: hidden;
}

html:has(.cheapai-public) .cheapai-public :is(.public-docs-card, .public-article-card, .public-article-reading-cta) {
  background: var(--home-surface);
  border: 1px solid var(--home-line);
  box-shadow: none;
  border-radius: 8px;
}

html:has(.cheapai-public) .cheapai-public :is(.public-docs-card-title, .public-article-card-title) {
  color: var(--home-ink);
  font-family: var(--home-font);
  letter-spacing: -.4px;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

.cheapai-public :is(.public-docs-card-subtitle, .public-docs-card-description, .public-article-card-summary, .public-article-card-meta) {
  color: var(--home-muted);
}

.cheapai-public :is(.public-docs-card-icon, .public-docs-interactive-button-icon) {
  color: var(--home-blue-readable);
  background: #202a45;
  border-color: #32426a;
  border-radius: 8px;
}

.cheapai-public .public-docs-endpoint {
  color: var(--home-muted);
  background: #101010;
  border-color: #333;
  border-radius: 6px;
}

.cheapai-public .public-docs-endpoint code {
  color: var(--home-ink);
}

.cheapai-public :is(.public-docs-card-badge, .public-docs-interactive-button-badge) {
  color: var(--home-ink);
  background: #202020;
  border-color: #414141;
  border-radius: 4px;
}

.cheapai-public .public-docs-interactive-action-row {
  background: var(--home-raised);
  border-color: var(--home-line);
  border-radius: 6px;
}

.cheapai-public .public-docs-detail-toolbar {
  margin-bottom: 40px;
}

.cheapai-public .public-docs-detail-header {
  margin-bottom: 48px;
}

.cheapai-public .public-article-grid, .cheapai-public .public-article-feature-grid {
  gap: 32px;
}

.cheapai-public .public-article-card {
  overflow: hidden;
}

.cheapai-public .public-article-card [data-slot="card-footer"] {
  border-color: var(--home-line);
  background: none;
}

.cheapai-public .public-article-detail-header {
  background: none;
  border: 0;
}

.cheapai-public .public-article-detail-title {
  max-width: 100%;
}

.cheapai-public .public-article-catalog {
  margin-top: 64px;
}

.cheapai-public .public-article-filters {
  background: none;
}

.cheapai-public .public-article-filters button {
  border-color: #414141;
  border-radius: 6px;
}

.cheapai-public .public-article-filters button[aria-pressed="true"] {
  background: var(--home-ink);
  color: var(--home-bg);
}

html:has(.cheapai-public) .cheapai-public .public-trust-hero {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.cheapai-public .public-trust-hero:before, .cheapai-public .public-trust-hero:after {
  display: none;
}

html:has(.cheapai-public) .cheapai-public :is(.public-trust-snapshot-card, .public-trust-control-card, .public-trust-status-card, .public-trust-document-card, .public-trust-responsibility-card, .public-trust-report-card, .public-trust-table-card) {
  background: var(--home-surface);
  color: var(--home-ink);
  border-color: var(--home-line);
  box-shadow: none;
  border-radius: 8px;
}

.cheapai-public .public-trust-section-index {
  color: var(--home-blue-readable);
  font-family: "Zashmodel Mondwest", var(--home-mono);
  background: none;
  font-size: 32px;
}

.cheapai-public .public-trust-section-eyebrow {
  color: var(--home-muted);
  font-family: var(--home-mono);
}

.cheapai-public .public-trust-section-header h2 {
  color: var(--home-ink);
  letter-spacing: -1px;
  font-size: 40px;
  line-height: 44px;
}

.cheapai-public .public-trust-toc a[aria-current], .cheapai-public .public-trust-toc a[data-active="true"] {
  color: var(--home-ink);
  background: var(--home-raised);
  border-color: var(--home-blue);
}

.cheapai-public .public-trust-flow-node {
  background: var(--home-surface);
  border-color: var(--home-line);
  color: var(--home-ink);
  border-radius: 8px;
}

.cheapai-public .public-trust-flow-icon {
  color: var(--home-blue-readable);
  background: #172445;
}

.cheapai-public .public-trust-final-cta {
  background: var(--home-surface);
  border: 1px solid var(--home-line);
  border-radius: 8px;
}

.cheapai-public .public-about-page :is([data-slot="card"], .public-about-panel) {
  background: var(--home-surface);
  border-color: var(--home-line);
  border-radius: 8px;
}

html:has(.cheapai-public) .public-auth-surface {
  --auth-control-background: var(--home-surface);
  --auth-control-background-hover: var(--home-raised);
  --auth-control-border: #414141;
  --auth-control-radius: 8px;
  --auth-focus-border: var(--home-blue-readable);
  --auth-focus-ring: #759aff44;
  background: var(--home-bg);
  min-height: 100svh;
  color: var(--home-ink);
  position: relative;
  overflow-x: clip;
}

.cheapai-public.public-auth-surface .cheapai-auth-backdrop {
  pointer-events: none;
  opacity: .75;
  background: url(/static/image/grid-top.e31a973d4d.png) top / 1512px no-repeat;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000, #0000 700px);
  mask-image: linear-gradient(#000, #0000 700px);
}

html:has(.cheapai-public) .public-auth-surface main {
  max-width: 544px;
  padding: 128px 24px 80px;
}

html:has(.cheapai-public) .public-auth-surface main > div {
  border: 1px solid var(--home-line);
  background: var(--home-surface);
  box-shadow: none;
  border-radius: 8px;
  padding: 40px;
}

.cheapai-public.public-auth-surface h1 {
  color: var(--home-ink);
  font-family: var(--home-font);
  letter-spacing: -1px;
  font-size: 36px;
  line-height: 42px;
}

.cheapai-public.public-auth-surface :is(input, textarea) {
  color: var(--home-ink);
  background: #0d0d0d;
  border-color: #414141;
  border-radius: 8px;
}

html:has(.cheapai-public) .public-auth-surface .auth-primary-action {
  background: var(--home-ink);
  color: var(--home-bg);
  box-shadow: none;
  border: 1px solid #0000;
  border-radius: 8px;
}

html:has(.cheapai-public) .public-auth-surface .auth-primary-action:hover:not(:disabled) {
  background: #cecece;
}

.cheapai-public.public-auth-surface :is(.auth-panel, .auth-secondary-action) {
  background: var(--home-raised);
  color: var(--home-ink);
  border-color: #414141;
  border-radius: 8px;
}

.cheapai-public.public-auth-surface input:-webkit-autofill {
  -webkit-text-fill-color: var(--home-ink);
  caret-color: var(--home-ink);
  box-shadow: inset 0 0 0 1000px #0d0d0d;
}

.public-status-surface {
  background: var(--home-bg) url(/static/image/grid-right.1d0e4ecd4e.png) right top /
    480px auto no-repeat;
  min-height: 100svh;
  position: relative;
}

.public-status-brand {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
  position: absolute;
  top: 24px;
  left: 24px;
  right: 24px;
}

.public-status-controls {
  align-items: center;
  gap: 8px;
  display: flex;
}

.public-status-controls :is(button, [data-slot="button"]) {
  color: var(--home-ink);
  border-color: var(--home-line);
  background: var(--home-surface);
}

.public-status-surface > div {
  padding: 100px 24px 64px;
}

.public-status-surface h1 {
  max-width: 780px;
  color: var(--home-ink);
  font-family: var(--home-font);
}

.public-status-surface .public-error-code {
  font: 400 144px/1 "Zashmodel Mondwest",
    var(--home-font);
  color: var(--home-ink);
  margin-bottom: 24px;
}

.public-status-surface p {
  color: var(--home-muted);
}

.public-status-surface [data-slot="button"] {
  min-height: 42px;
  padding-inline: 16px;
}

.public-setup-surface {
  background: var(--home-bg) url(/static/image/grid-top.e31a973d4d.png) center top /
    1512px auto no-repeat;
  min-height: 100svh;
  padding-top: 40px;
}

.public-setup-surface > div {
  background: none;
}

.public-setup-surface [data-slot="card"] {
  box-shadow: none;
  border-radius: 8px;
}

.public-custom-footer {
  background: var(--home-bg);
  color: var(--home-muted);
  border-color: var(--home-line);
}

@media (max-width: 1280px) {
  .cheapai-public .public-standard-frame {
    padding: 56px 64px 96px;
  }

  html:has(.cheapai-public) .cheapai-public .public-page-frame {
    padding: 56px 64px 96px;
  }

  html:has(.cheapai-public) .cheapai-public .public-page-title {
    letter-spacing: -1px;
    font-size: 48px;
    line-height: 52px;
  }

  html:has(.cheapai-public) .cheapai-public .public-page-hero {
    margin-bottom: 48px;
  }

  .cheapai-public .public-article-grid, .cheapai-public .public-article-feature-grid {
    gap: 24px;
  }

  .cheapai-public .public-trust-section-header h2 {
    font-size: 36px;
    line-height: 40px;
  }
}

@media (max-width: 799px) {
  .cheapai-public .public-standard-frame {
    padding: 40px 16px 64px;
  }

  html:has(.cheapai-public) .cheapai-public .public-page-frame {
    padding: 40px 16px 64px;
  }

  html:has(.cheapai-public) .cheapai-public .public-page-grid {
    display: none;
  }

  html:has(.cheapai-public) .cheapai-public .public-page-title {
    letter-spacing: -.25px;
    margin-top: 20px;
    font-size: 32px;
    line-height: 36px;
  }

  html:has(.cheapai-public) .cheapai-public .public-page-lead {
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
  }

  html:has(.cheapai-public) .cheapai-public .public-page-hero {
    margin-bottom: 40px;
  }

  .cheapai-public .public-standard-frame .prose h1 {
    font-size: 32px;
    line-height: 36px;
  }

  .cheapai-public :is(.prose, .public-reading-prose) {
    font-size: 16px;
    line-height: 1.75;
  }

  .cheapai-public :is(.prose, .public-reading-prose) h2 {
    margin-top: 36px;
    font-size: 24px;
    line-height: 32px;
  }

  .cheapai-public :is(.prose, .public-reading-prose) h3 {
    font-size: 20px;
    line-height: 28px;
  }

  .cheapai-public :is(.prose, .public-reading-prose) table {
    font-size: 13px;
  }

  html:has(.cheapai-public) .cheapai-public .public-docs-workspace {
    margin-top: 40px;
  }

  .cheapai-public .public-docs-detail-header {
    margin-bottom: 32px;
  }

  .cheapai-public .public-docs-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .cheapai-public .public-docs-toolbar-endpoint {
    min-width: 0;
  }

  .cheapai-public .public-docs-support-actions {
    justify-content: flex-start;
  }

  .cheapai-public .public-docs-endpoint {
    flex-wrap: wrap;
    min-width: 0;
  }

  .cheapai-public .public-docs-endpoint code {
    overflow-wrap: anywhere;
  }

  html:has(.cheapai-public) .cheapai-public :is(.public-docs-card-title, .public-article-card-title) {
    font-size: 20px;
    line-height: 28px;
  }

  .cheapai-public .public-article-feature-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .cheapai-public .public-article-feature-side {
    gap: 24px;
  }

  .cheapai-public .public-article-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .cheapai-public .public-trust-hero {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .cheapai-public .public-trust-section-header h2 {
    font-size: 28px;
    line-height: 34px;
  }

  .cheapai-public .public-trust-snapshot-card {
    min-width: 0;
  }

  .cheapai-public .public-trust-hero-boundary {
    font-size: 13px;
    line-height: 21px;
  }

  html:has(.cheapai-public) .public-auth-surface main {
    padding: 112px 16px 64px;
  }

  html:has(.cheapai-public) .public-auth-surface main > div {
    padding: 28px 24px;
  }

  .cheapai-public.public-auth-surface h1 {
    letter-spacing: -.5px;
    font-size: 28px;
    line-height: 34px;
  }

  .public-status-surface {
    background-size: 260px;
  }

  .public-status-surface .public-error-code {
    font-size: 112px;
  }

  .public-status-surface > div {
    padding-inline: 16px;
  }

  .public-status-surface h1:not(.public-error-code) {
    font-size: 28px;
    line-height: 34px;
  }

  .public-setup-surface {
    background-size: 1000px;
  }
}

html:has(.cheapai-public) .cheapai-public .public-trust-page {
  --mf-trust-acid: var(--home-blue-readable);
}

html:has(.cheapai-public) .cheapai-public :is(.public-trust-snapshot-index, .public-trust-flow-index, .public-trust-toc a > span) {
  color: var(--home-muted);
}

html:has(.cheapai-public) .cheapai-public .public-docs-card-icon {
  border-color: #32426a;
  color: var(--home-blue-readable) !important;
  background: #202a45 !important;
}

html:has(.cheapai-public) .cheapai-public .public-pricing-explorer {
  background: none;
  border: 0;
}

html:has(.cheapai-public) .cheapai-public .public-pricing-catalog-shell {
  border: 1px solid var(--home-line);
  background: var(--home-surface);
  box-shadow: none;
  border-radius: 8px;
}

html:has(.cheapai-public) .cheapai-public .public-pricing-catalog-tabs-list {
  background: var(--home-surface);
  border-color: var(--home-line);
  border-radius: 8px 8px 0 0;
}

html:has(.cheapai-public) .cheapai-public .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"] {
  border-radius: 0;
  font-weight: 500;
}

html:has(.cheapai-public) .cheapai-public .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"][data-active] {
  background: var(--home-raised);
  font-weight: 500;
}

:is(html:has(.cheapai-public) .cheapai-public .public-pricing-explorer, html:has(.cheapai-public) .cheapai-public .public-pricing-catalog-shell) {
  width: 100%;
  margin-inline: 0;
}

html:has(.cheapai-public) .cheapai-public .public-about-hero {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.cheapai-public .public-about-hero-glow, .cheapai-public .public-about-hero:before, .cheapai-public .public-about-hero:after {
  display: none;
}

@media (max-width: 799px) {
  html:has(.cheapai-public) .cheapai-public .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"] {
    flex-direction: row;
    gap: 8px;
    min-height: 48px;
    padding: 10px 8px;
  }

  html:has(.cheapai-public) .cheapai-public .public-about-hero {
    gap: 40px;
  }
}

@media (max-width: 359px) {
  html:has(.cheapai-public) .cheapai-public .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"] {
    gap: 6px;
    font-size: 12px;
  }
}

.cheapai-public-header [data-section-active="true"] {
  color: var(--home-ink);
  background: var(--home-raised);
}

html[data-resolved-theme="dark"]:has(.cheapai-public) {
  --home-bg: #0a0a0a;
  --home-surface: #131313;
  --home-raised: #1d1d1d;
  --home-ink: #fafafa;
  --home-muted: #a7a7a7;
  --home-line: #292929;
  --home-blue: #04f;
  --home-blue-readable: #759aff;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --lightningcss-light:  !important;
  --lightningcss-dark: initial !important;
  color-scheme: dark !important;
}

html[data-resolved-theme="dark"]:has(.cheapai-public) body {
  --home-bg: #0a0a0a;
  --home-surface: #131313;
  --home-raised: #1d1d1d;
  --home-ink: #fafafa;
  --home-muted: #a7a7a7;
  --home-line: #292929;
  --home-blue: #04f;
  --home-blue-readable: #759aff;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --lightningcss-light:  !important;
  --lightningcss-dark: initial !important;
  color-scheme: dark !important;
}

html[data-resolved-theme="dark"]:has(.cheapai-public) .cheapai-public {
  --home-bg: #0a0a0a;
  --home-surface: #131313;
  --home-raised: #1d1d1d;
  --home-ink: #fafafa;
  --home-muted: #a7a7a7;
  --home-line: #292929;
  --home-blue: #04f;
  --home-blue-readable: #759aff;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --lightningcss-light:  !important;
  --lightningcss-dark: initial !important;
  color-scheme: dark !important;
}

html[data-resolved-theme="dark"]:has(.cheapai-public) .cheapai-home {
  --home-bg: #0a0a0a;
  --home-surface: #131313;
  --home-raised: #1d1d1d;
  --home-ink: #fafafa;
  --home-muted: #a7a7a7;
  --home-line: #292929;
  --home-blue: #04f;
  --home-blue-readable: #759aff;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --lightningcss-light:  !important;
  --lightningcss-dark: initial !important;
  color-scheme: dark !important;
}

html[data-resolved-theme="dark"]:has(.cheapai-public) .cheapai-public-header {
  --home-bg: #0a0a0a;
  --home-surface: #131313;
  --home-raised: #1d1d1d;
  --home-ink: #fafafa;
  --home-muted: #a7a7a7;
  --home-line: #292929;
  --home-blue: #04f;
  --home-blue-readable: #759aff;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --lightningcss-light:  !important;
  --lightningcss-dark: initial !important;
  color-scheme: dark !important;
}

html[data-resolved-theme="dark"]:has(.cheapai-public) .home-mobile-menu {
  --home-bg: #0a0a0a;
  --home-surface: #131313;
  --home-raised: #1d1d1d;
  --home-ink: #fafafa;
  --home-muted: #a7a7a7;
  --home-line: #292929;
  --home-blue: #04f;
  --home-blue-readable: #759aff;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --lightningcss-light:  !important;
  --lightningcss-dark: initial !important;
  color-scheme: dark !important;
}

html[data-resolved-theme="dark"]:has(.cheapai-public) .home-model-menu {
  --home-bg: #0a0a0a;
  --home-surface: #131313;
  --home-raised: #1d1d1d;
  --home-ink: #fafafa;
  --home-muted: #a7a7a7;
  --home-line: #292929;
  --home-blue: #04f;
  --home-blue-readable: #759aff;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --lightningcss-light:  !important;
  --lightningcss-dark: initial !important;
  color-scheme: dark !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) {
  --home-bg: #f5f7fa;
  --home-surface: #fff;
  --home-raised: #edf1f5;
  --home-ink: #0b0d12;
  --home-muted: #5e6673;
  --home-line: #d6dce5;
  --home-blue: #04f;
  --home-blue-readable: #0038d8;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --lightningcss-light: initial !important;
  --lightningcss-dark:  !important;
  color-scheme: light !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) body {
  --home-bg: #f5f7fa;
  --home-surface: #fff;
  --home-raised: #edf1f5;
  --home-ink: #0b0d12;
  --home-muted: #5e6673;
  --home-line: #d6dce5;
  --home-blue: #04f;
  --home-blue-readable: #0038d8;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --lightningcss-light: initial !important;
  --lightningcss-dark:  !important;
  color-scheme: light !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public {
  --home-bg: #f5f7fa;
  --home-surface: #fff;
  --home-raised: #edf1f5;
  --home-ink: #0b0d12;
  --home-muted: #5e6673;
  --home-line: #d6dce5;
  --home-blue: #04f;
  --home-blue-readable: #0038d8;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --lightningcss-light: initial !important;
  --lightningcss-dark:  !important;
  color-scheme: light !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-home {
  --home-bg: #f5f7fa;
  --home-surface: #fff;
  --home-raised: #edf1f5;
  --home-ink: #0b0d12;
  --home-muted: #5e6673;
  --home-line: #d6dce5;
  --home-blue: #04f;
  --home-blue-readable: #0038d8;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --lightningcss-light: initial !important;
  --lightningcss-dark:  !important;
  color-scheme: light !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public-header {
  --home-bg: #f5f7fa;
  --home-surface: #fff;
  --home-raised: #edf1f5;
  --home-ink: #0b0d12;
  --home-muted: #5e6673;
  --home-line: #d6dce5;
  --home-blue: #04f;
  --home-blue-readable: #0038d8;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --lightningcss-light: initial !important;
  --lightningcss-dark:  !important;
  color-scheme: light !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .home-mobile-menu {
  --home-bg: #f5f7fa;
  --home-surface: #fff;
  --home-raised: #edf1f5;
  --home-ink: #0b0d12;
  --home-muted: #5e6673;
  --home-line: #d6dce5;
  --home-blue: #04f;
  --home-blue-readable: #0038d8;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --lightningcss-light: initial !important;
  --lightningcss-dark:  !important;
  color-scheme: light !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .home-model-menu {
  --home-bg: #f5f7fa;
  --home-surface: #fff;
  --home-raised: #edf1f5;
  --home-ink: #0b0d12;
  --home-muted: #5e6673;
  --home-line: #d6dce5;
  --home-blue: #04f;
  --home-blue-readable: #0038d8;
  --home-anthropic: #d97757;
  --home-anthropic-ink: #fff8f4;
  --lightningcss-light: initial !important;
  --lightningcss-dark:  !important;
  color-scheme: light !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) body {
  background: var(--home-bg) !important;
  color: var(--home-ink) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-home .home-hero-frame {
  opacity: .18;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public :is(.cheapai-public-surface, .cheapai-landing) {
  --mf-public-line-soft: #e7ebf0;
  --mf-public-line-strong: #b9c2ce;
  --mf-public-code-bg: #eef2f6;
  --mf-pricing-accent-soft: #e5ebff;
  --mf-pricing-accent-wash: #f0f4ff;
  --mf-pricing-accent-ink: #0038d8;
  --mf-pricing-line-strong: #b9c2ce;
}

html[data-resolved-theme="light"]:has(.cheapai-public) :is(.public-model-detail-sheet, .public-pricing-info-popover) {
  --mf-public-line-soft: #e7ebf0;
  --mf-public-line-strong: #b9c2ce;
  --mf-public-code-bg: #eef2f6;
  --mf-pricing-accent-soft: #e5ebff;
  --mf-pricing-accent-wash: #f0f4ff;
  --mf-pricing-accent-ink: #0038d8;
  --mf-pricing-line-strong: #b9c2ce;
}

html[data-resolved-theme="light"]:has(.cheapai-public) :is([data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"], [data-slot="combobox-trigger"]) {
  background-color: var(--home-surface);
  border-color: #b9c2ce;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public :is(.public-catalog-search-input, .public-docs-endpoint) {
  color: var(--home-ink) !important;
  background: #f3f5f8 !important;
  border-color: #b9c2ce !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public :is([data-slot="tabs-list"][data-variant="default"] [data-slot="tabs-trigger"][data-active], .public-pricing-family-tabs-list [data-slot="tabs-trigger"][data-active], .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"][data-active]) {
  background: #e5eaf2;
  border-color: #b9c2ce;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public :is(.public-docs-card-icon, .public-docs-interactive-button-icon) {
  color: var(--home-blue-readable);
  background: #e5ebff;
  border-color: #b8c7f5;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public :is(.public-docs-card-badge, .public-docs-interactive-button-badge) {
  color: var(--home-ink);
  background: #edf1f5;
  border-color: #cbd2dc;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public :is(.prose, .public-reading-prose) {
  --tw-prose-body: #3e4753;
  --tw-prose-bullets: #697382;
  --tw-prose-th-borders: #b9c2ce;
  color: #3e4753;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public :is(.prose, .public-reading-prose) :is(p, li, td) {
  color: #3e4753;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public :is(.prose, .public-reading-prose) pre {
  background: #eef2f6;
  border-color: #d6dce5;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public :is(.prose, .public-reading-prose) :not(pre) > code {
  background: #e5eaf2;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .public-auth-surface :is(input, textarea) {
  background: #f3f5f8;
  border-color: #b9c2ce;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .public-auth-surface .auth-primary-action:hover:not(:disabled) {
  background: #e5eaf2;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .public-auth-surface .auth-secondary-action {
  background: #edf1f5;
  border-color: #c4ccd8;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .public-auth-surface input:-webkit-autofill {
  -webkit-text-fill-color: var(--home-ink);
  box-shadow: inset 0 0 0 1000px #f3f5f8;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public .public-trust-flow-icon {
  color: var(--home-blue-readable);
  background: #e5ebff;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public .public-status-surface {
  background-color: var(--home-bg);
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public :is(.public-trust-control-card [data-slot="card-action"], .public-trust-document-card [data-slot="card-action"], .public-trust-status-card [data-slot="card-action"]) {
  color: var(--home-blue-readable);
  background: #e8eef6;
  border-color: #b9c7d8;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public :is(.public-trust-control-card [data-slot="card-action"] svg, .public-trust-document-card [data-slot="card-action"] svg, .public-trust-status-card [data-slot="card-action"] svg, .public-trust-responsibility-card li svg, .public-trust-report-card [data-slot="card-action"]) {
  color: var(--home-blue-readable);
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public .public-trust-flow-arrow {
  color: var(--home-blue-readable);
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public .landing-footer {
  --mf-footer-copy: var(--home-ink);
  --mf-footer-muted: var(--home-muted);
  --landing-ink: var(--home-ink);
  --landing-muted: var(--home-muted);
  --landing-line: var(--home-line);
  --landing-bg: var(--home-bg);
  background: var(--home-bg);
  border-top-color: var(--home-line);
  color: var(--home-ink);
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public :is(.landing-footer-health, .landing-footer-regions-link, .landing-footer-trust-value, .landing-footer-attribution, .landing-footer-wordmark-logo) {
  color: var(--home-muted) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public .landing-footer-wordmark-logo {
  color: var(--home-ink) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public .landing-footer-wordmark-logo .cheapai-wordmark-name {
  color: var(--home-ink) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public .landing-footer-trust-value {
  color: var(--home-ink) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public .landing-footer-health.is-operational .landing-footer-health-dot {
  box-shadow: 0 0 0 4px #0044ff24;
  background: var(--home-blue) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public .landing-footer-health.is-checking .landing-footer-health-dot {
  box-shadow: 0 0 0 4px #53617424;
  background: var(--home-light-art-muted) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public .landing-footer-health.is-unavailable .landing-footer-health-dot {
  box-shadow: 0 0 0 4px #b4530924;
  background: #b45309 !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) :is(.landing-language-menu, .theme-switch-menu) {
  border-color: var(--overlay-menu-border) !important;
  background: var(--home-light-art-raised) !important;
  color: var(--home-ink) !important;
  border-radius: var(--overlay-menu-radius) !important;
  box-shadow: var(--overlay-menu-shadow) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]) {
  color: var(--home-muted) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]):is(:focus, :hover, [data-highlighted], [aria-checked="true"], [data-checked]) {
  background: var(--home-ink) !important;
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-resolved-theme="light"]:has(.cheapai-public) :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]):is(:focus, :hover, [data-highlighted], [aria-checked="true"], [data-checked]) {
    background: color-mix(in srgb,
    var(--home-ink) 8%,
    var(--home-light-art-raised)) !important;
  }
}

html[data-resolved-theme="light"]:has(.cheapai-public) :is(.landing-language-menu, .theme-switch-menu) :is([data-slot="dropdown-menu-radio-item"], [data-slot="dropdown-menu-item"]):is(:focus, :hover, [data-highlighted], [aria-checked="true"], [data-checked]) {
  color: var(--home-ink) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) :is(.landing-language-menu, .theme-switch-menu) [data-slot="dropdown-menu-radio-item-indicator"] {
  color: var(--home-blue-readable) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) :is([data-slot="select-content"], [data-slot="popover-content"], [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"], [data-slot="combobox-content"], [data-slot="hover-card-content"], [data-slot="dialog-content"], [data-slot="alert-dialog-content"], [data-slot="sheet-content"], [data-slot="drawer-content"]) {
  border-color: var(--overlay-menu-border) !important;
  background: var(--home-light-art-raised) !important;
  color: var(--home-ink) !important;
  box-shadow: var(--overlay-menu-shadow) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) :is([data-slot="select-content"], [data-slot="popover-content"], [data-slot="dropdown-menu-content"], [data-slot="dropdown-menu-sub-content"], [data-slot="combobox-content"], [data-slot="hover-card-content"]) {
  border-radius: var(--overlay-menu-radius) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .home-mobile-menu[data-slot="sheet-content"] {
  background: var(--home-light-art-surface) !important;
}

.cheapai-public-header {
  top: var(--site-announcement-height, 0px);
  z-index: 50;
  isolation: isolate;
  border-bottom: 1px solid var(--home-line);
  position: sticky;
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-public-header {
    border-bottom: 1px solid color-mix(in srgb, var(--home-line) 82%, transparent);
  }
}

.cheapai-public-header {
  background: var(--home-bg);
}

@supports (color: color-mix(in lab, red, red)) {
  .cheapai-public-header {
    background: color-mix(in srgb, var(--home-bg) 78%, transparent);
  }
}

.cheapai-public-header {
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  backdrop-filter: blur(18px) saturate(145%);
  box-shadow: 0 10px 30px -26px #0000008c;
}

@supports not (background: color-mix(in srgb, black, transparent)) {
  .cheapai-public-header {
    background: var(--home-bg);
  }
}

.cheapai-public-header .home-nav {
  background: none;
}

html[data-resolved-theme="light"]:has(.cheapai-public) {
  --home-light-art-surface: #f8fafc;
  --home-light-art-raised: #fff;
  --home-light-art-line: #c5cfdd;
  --home-light-art-muted: #536174;
  --home-light-art-shadow: #1e2f4c29;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public {
  --home-light-art-surface: #f8fafc;
  --home-light-art-raised: #fff;
  --home-light-art-line: #c5cfdd;
  --home-light-art-muted: #536174;
  --home-light-art-shadow: #1e2f4c29;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-home {
  --home-light-art-surface: #f8fafc;
  --home-light-art-raised: #fff;
  --home-light-art-line: #c5cfdd;
  --home-light-art-muted: #536174;
  --home-light-art-shadow: #1e2f4c29;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public-header {
  --home-light-art-surface: #f8fafc;
  --home-light-art-raised: #fff;
  --home-light-art-line: #c5cfdd;
  --home-light-art-muted: #536174;
  --home-light-art-shadow: #1e2f4c29;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .home-mobile-menu {
  --home-light-art-surface: #f8fafc;
  --home-light-art-raised: #fff;
  --home-light-art-line: #c5cfdd;
  --home-light-art-muted: #536174;
  --home-light-art-shadow: #1e2f4c29;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .home-model-menu {
  --home-light-art-surface: #f8fafc;
  --home-light-art-raised: #fff;
  --home-light-art-line: #c5cfdd;
  --home-light-art-muted: #536174;
  --home-light-art-shadow: #1e2f4c29;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .public-page-grid {
  filter: invert();
  opacity: .42;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .public-auth-surface .cheapai-auth-backdrop {
  filter: invert();
  opacity: .42;
}

html[data-resolved-theme="light"]:has(.cheapai-public) :is(.public-status-surface, .public-setup-surface) {
  background-image: none;
  background-color: var(--home-bg);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .cheapai-public-header {
  border-bottom-color: #5d6f8938;
  box-shadow: 0 10px 30px -26px #1e2f4c8c;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .home-announcement {
  background: linear-gradient(105deg, #1647c8 0%, #43339a 48%, #8f422f 100%);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-nav-actions > button {
  color: var(--home-ink);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-nav-signin:hover {
  color: var(--home-blue-readable);
  background: #0038d812;
  border-radius: 6px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-button.bg-secondary {
  border-color: var(--home-light-art-line);
  background: var(--home-light-art-raised);
  color: var(--home-ink);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-button.bg-secondary:hover {
  color: var(--home-ink);
  background: #eaf0f8;
  border-color: #aebdd0;
}

:is(html[data-resolved-theme="light"]:has(.cheapai-home) .home-mobile-menu, html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-menu) {
  border-color: var(--home-light-art-line);
  background: var(--home-light-art-surface);
  color: var(--home-ink);
  box-shadow: 0 22px 60px #1e2f4c2e;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-mobile-families > a {
  border: 1px solid var(--home-light-art-line);
  background: var(--home-light-art-raised);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-hero-frame {
  filter: invert();
  opacity: .18;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-select:before {
  filter: invert();
  opacity: .18;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-integration:before {
  filter: invert();
  opacity: .18;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-provider-rail {
  color: var(--home-light-art-muted);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-partners {
  isolation: isolate;
  background: none;
  position: relative;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-partners:before {
  z-index: 0;
  pointer-events: none;
  content: "";
  filter: invert();
  opacity: .5;
  background: url(/static/image/grid-left.0a5d0369ec.png) 0 60% / 280px no-repeat;
  position: absolute;
  inset: 0;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-partners > * {
  z-index: 1;
  position: relative;
}

html[data-resolved-theme="light"]:has(.cheapai-home) :is(.home-workbench, .home-code-stage, .home-catalog-stage) {
  border-color: var(--home-line);
  box-shadow: 0 18px 42px #1e2f4c12;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-workbench-sidebar [data-slot="tabs-trigger"]:hover {
  background: #0038d80f;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-workbench-sidebar [data-slot="tabs-trigger"][data-active] {
  border-color: var(--home-light-art-line);
  background: var(--home-light-art-surface);
  color: var(--home-ink);
  box-shadow: 0 4px 12px #1e2f4c14;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-workbench-logo {
  color: var(--home-blue-readable);
  background: linear-gradient(135deg, #eef4ff, #d9e5ff);
  border-color: #b8c7e4;
  box-shadow: 0 10px 22px #2a4c9624;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-workbench-head h2 > span {
  color: var(--home-light-art-muted);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-workbench-detail > div {
  border-color: var(--home-light-art-line);
  background: var(--home-light-art-surface);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-inline-models > span:not([data-family="claude"]) {
  color: #17243a;
  background: linear-gradient(145deg, #fff, #dce5f0);
}

html[data-resolved-theme="light"]:has(.cheapai-home) :is(.home-workbench-tags, .home-model-tags) [data-slot="badge"] {
  color: var(--home-light-art-muted);
  background: #edf2f7;
  border-color: #d7e0ea;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-catalog-directory-item[data-active="true"] {
  border-color: var(--home-light-art-line);
  background: var(--home-raised);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-catalog-detail-panel {
  background: var(--home-light-art-surface);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-code-stage {
  background: var(--home-light-art-raised);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-code-tabs pre {
  background: #f7f9fc;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-code-line > i {
  color: var(--home-light-art-muted);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-constellation-grid {
  background-image: linear-gradient(#0b0d1214 1px, #0000 1px), linear-gradient(90deg, #0b0d1214 1px, #0000 1px);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-connections {
  color: #97a4b5;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-orbit-node > span {
  border-color: var(--home-light-art-line);
  color: #17243a;
  box-shadow: 0 8px 18px var(--home-light-art-shadow);
  background: linear-gradient(145deg, #fff, #e8eef7);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-orbit-node:hover > span {
  border-color: var(--home-blue-readable);
  box-shadow: 0 10px 24px #0038d833;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-orbit-node small {
  color: var(--home-light-art-muted);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-orbit-node[data-family="claude"] > span {
  color: #9a4b2f;
  background: linear-gradient(145deg, #fff5ef, #f3d0c0);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-story-art > div > span[data-family="claude"] {
  color: #9a4b2f;
  background: linear-gradient(145deg, #fff5ef, #f3d0c0);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-orbit-node[data-family="gemini"] > span {
  color: #2563b8;
  background: linear-gradient(145deg, #f2f7ff, #dce9ff);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-story-art > div > span[data-family="gemini"] {
  color: #2563b8;
  background: linear-gradient(145deg, #f2f7ff, #dce9ff);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-orbit-node[data-family="deepseek"] > span {
  color: #165b9a;
  background: linear-gradient(145deg, #eaf4ff, #c8e0ff);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-story-art > div > span[data-family="deepseek"] {
  color: #165b9a;
  background: linear-gradient(145deg, #eaf4ff, #c8e0ff);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-orbit-node[data-family="qwen"] > span {
  color: #5a3ca4;
  background: linear-gradient(145deg, #f3efff, #ddd2ff);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-story-art > div > span[data-family="qwen"] {
  color: #5a3ca4;
  background: linear-gradient(145deg, #f3efff, #ddd2ff);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-orbit-node[data-family="kimi"] > span {
  color: #29384d;
  background: linear-gradient(145deg, #f0f4f8, #d9e1ec);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-story-art > div > span[data-family="kimi"] {
  color: #29384d;
  background: linear-gradient(145deg, #f0f4f8, #d9e1ec);
}

html[data-resolved-theme="light"]:has(.cheapai-home) :is(.home-orbit-node[data-family="grok"], .home-orbit-node[data-family="glm"]) > span {
  color: #435267;
  background: linear-gradient(145deg, #f4f7fa, #dfe6ef);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-art {
  background-image: linear-gradient(#0b0d120d 1px, #0000 1px), linear-gradient(90deg, #0b0d120d 1px, #0000 1px);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-art-name {
  color: #0b0d1214;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-art-tile {
  border-color: var(--home-light-art-line);
  box-shadow: inset 3px 3px 6px #ffffffb3,
    inset -5px -5px 12px #25354d29,
    20px 24px 50px var(--home-light-art-shadow);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-art[data-family="openai"] .home-model-art-tile {
  color: #111827;
  background: linear-gradient(145deg, #fff, #dce5f0);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-art[data-family="claude"] .home-model-art-tile {
  color: #5a2c1d;
  background: linear-gradient(145deg, #fff3ed, #e7ad93);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-art[data-family="gemini"] .home-model-art-tile {
  color: #17335f;
  background: radial-gradient(circle at 18% 18%, #3186ff47, #0000 46%), radial-gradient(circle at 82% 22%, #f9454338, #0000 44%), radial-gradient(circle at 30% 82%, #fabc1233, #0000 44%), radial-gradient(circle at 68% 82%, #08b9623d, #0000 48%), linear-gradient(145deg, #f1f6ff, #dbe7fa);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-art[data-family="deepseek"] .home-model-art-tile {
  color: #0b3b72;
  background: linear-gradient(145deg, #e8f4ff, #80b5ff);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-art[data-family="qwen"] .home-model-art-tile {
  color: #34206f;
  background: linear-gradient(145deg, #f2efff, #bba8f2);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-art[data-family="kimi"] .home-model-art-tile {
  color: #1c2a3e;
  background: linear-gradient(145deg, #edf2f7, #aeb9c8);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-art-coordinate {
  color: var(--home-light-art-muted);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-card [data-slot="card-footer"] {
  border-top: 1px solid var(--home-line);
  background: #f7f9fc;
}

html[data-resolved-theme="light"]:has(.cheapai-home) :is(.home-access-art > div > div, .home-usage-art-models > span, .home-usage-art-fields > span) {
  border-color: var(--home-light-art-line);
  background: var(--home-light-art-surface);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-metal-icon {
  border: 1px solid #6f98f0;
  box-shadow: inset 2px 3px 4px #8fb1ff, inset -4px -5px 9px #183a9e, 15px 20px 40px #1e2f4c33;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-usage-art-path > i {
  background: linear-gradient(90deg, #7693d8, #04f);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-usage-art-fields i {
  background: #9aa8b8;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-control-icon svg {
  color: #657386;
  filter: drop-shadow(3px 3px #2a374b29);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-role-accordion [data-slot="accordion-trigger"] {
  color: #536174;
}

:is(html[data-resolved-theme="light"]:has(.cheapai-home) .home-role-accordion [data-slot="accordion-trigger"]:hover, html[data-resolved-theme="light"]:has(.cheapai-home) .home-role-accordion [data-slot="accordion-trigger"][aria-expanded="true"]) {
  color: var(--home-ink);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-story-art {
  color: var(--home-ink);
  background: linear-gradient(145deg, #eaf2fc, #f8fafc 85%);
  border: 1px solid #ccd6e2;
  box-shadow: 0 12px 30px #1e2f4c1a;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-story-art[data-story="knowledge"] {
  background: linear-gradient(145deg, #f4edfb, #fbf9ff 85%);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-story-art[data-story="reason"] {
  background: linear-gradient(145deg, #e9edff, #f9faff 85%);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-story-art > .home-pixel {
  color: #0b0d127a;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-story-art > div > span {
  color: #17243a;
  background: linear-gradient(135deg, #fff, #e1e8f1);
  border-color: #c3cfdd;
  box-shadow: 10px 15px 35px #1e2f4c2e;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-story-art code {
  color: var(--home-light-art-muted);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-final-cta {
  isolation: isolate;
  background: var(--home-raised);
  color: var(--home-ink);
  position: relative;
  overflow: hidden;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-final-cta:before {
  z-index: 0;
  pointer-events: none;
  content: "";
  filter: invert();
  opacity: .8;
  background: url(/static/image/footer-grid.7cd0bab3ea.png) center / auto 100% no-repeat;
  position: absolute;
  inset: 0;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-final-cta > * {
  z-index: 1;
  position: relative;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-final-cta .home-brand-key {
  filter: drop-shadow(0 8px 18px #0038d82e);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-final-cta .home-button {
  box-shadow: 0 8px 16px #1e2f4c1f;
}

@media (max-width: 799px) {
  html[data-resolved-theme="light"]:has(.cheapai-home) .home-final-cta:before {
    opacity: .68;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) .home-partners:before {
    opacity: .35;
  }
}

html[data-resolved-theme="light"]:has(.cheapai-public) {
  --home-raised: #f0f3f7;
  --home-line: #d9e1ea;
  --home-light-art-line: #e1e7ee;
  --home-light-art-line-strong: #d0dbe7;
  --home-light-art-shadow: #1e2f4c1f;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public {
  --home-raised: #f0f3f7;
  --home-line: #d9e1ea;
  --home-light-art-line: #e1e7ee;
  --home-light-art-line-strong: #d0dbe7;
  --home-light-art-shadow: #1e2f4c1f;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-home {
  --home-raised: #f0f3f7;
  --home-line: #d9e1ea;
  --home-light-art-line: #e1e7ee;
  --home-light-art-line-strong: #d0dbe7;
  --home-light-art-shadow: #1e2f4c1f;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public-header {
  --home-raised: #f0f3f7;
  --home-line: #d9e1ea;
  --home-light-art-line: #e1e7ee;
  --home-light-art-line-strong: #d0dbe7;
  --home-light-art-shadow: #1e2f4c1f;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .home-mobile-menu {
  --home-raised: #f0f3f7;
  --home-line: #d9e1ea;
  --home-light-art-line: #e1e7ee;
  --home-light-art-line-strong: #d0dbe7;
  --home-light-art-shadow: #1e2f4c1f;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .home-model-menu {
  --home-raised: #f0f3f7;
  --home-line: #d9e1ea;
  --home-light-art-line: #e1e7ee;
  --home-light-art-line-strong: #d0dbe7;
  --home-light-art-shadow: #1e2f4c1f;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public {
  --cheapai-border: var(--home-line);
  --cheapai-input: var(--home-light-art-line-strong);
}

html[data-resolved-theme="light"][data-route-shell="landing"] {
  --mf-landing-rail-line: var(--home-line);
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-resolved-theme="light"][data-route-shell="landing"] {
    --mf-landing-rail-line: color-mix(in srgb,
    var(--home-line) 72%,
    transparent);
  }
}

html[data-resolved-theme="light"][data-route-shell="landing"] {
  --mf-landing-rail-node: var(--home-light-art-line-strong);
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-resolved-theme="light"][data-route-shell="landing"] {
    --mf-landing-rail-node: color-mix(in srgb,
    var(--home-light-art-line-strong) 72%,
    transparent);
  }
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-landing {
  --mf-landing-rail-line: var(--home-line);
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-landing {
    --mf-landing-rail-line: color-mix(in srgb,
    var(--home-line) 72%,
    transparent);
  }
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-landing {
  --mf-landing-rail-node: var(--home-light-art-line-strong);
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-landing {
    --mf-landing-rail-node: color-mix(in srgb,
    var(--home-light-art-line-strong) 72%,
    transparent);
  }
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public-surface .public-page-frame {
  border-color: var(--home-line) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-landing .landing-footer-shell {
  border-inline-color: var(--home-light-art-line) !important;
}

@media (min-width: 701px) {
  html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public-surface .public-page-frame {
    border-inline: 1px solid var(--home-light-art-line) !important;
  }
}

@media (max-width: 700px) {
  html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public-surface .public-page-frame {
    border-inline: 0 !important;
  }
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public :is(.cheapai-public-surface, .cheapai-landing) {
  --mf-public-line-soft: #ebeff4;
  --mf-public-line-strong: var(--home-light-art-line-strong);
  --mf-pricing-line-strong: var(--home-light-art-line-strong);
}

html[data-resolved-theme="light"]:has(.cheapai-public) :is(.public-model-detail-sheet, .public-pricing-info-popover) {
  --mf-public-line-soft: #ebeff4;
  --mf-public-line-strong: var(--home-light-art-line-strong);
  --mf-pricing-line-strong: var(--home-light-art-line-strong);
}

html[data-resolved-theme="light"]:has(.cheapai-home) :is(.home-workbench, .home-code-stage, .home-catalog-stage, .home-model-card, .home-operation-card) {
  border-color: var(--home-line);
}

html[data-resolved-theme="light"]:has(.cheapai-home) :is(.home-workbench-detail > div, .home-model-art-tile, .home-story-art, .home-story-art > div > span, .home-orbit-node > span, .home-access-art > div > div, .home-usage-art-models > span, .home-usage-art-fields > span) {
  border-color: var(--home-light-art-line);
}

html[data-resolved-theme="light"]:has(.cheapai-home) :is(.home-workbench-logo, .home-button.bg-secondary:hover) {
  border-color: var(--home-light-art-line-strong);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-art {
  border-bottom: 1px solid var(--home-light-art-line);
}

html[data-resolved-theme="light"]:has(.cheapai-home) :is(.home-partners, .home-final-cta) {
  border-top: 1px solid var(--home-line);
}

@supports (color: color-mix(in lab, red, red)) {
  html[data-resolved-theme="light"]:has(.cheapai-home) :is(.home-partners, .home-final-cta) {
    border-top: 1px solid color-mix(in srgb, var(--home-line) 78%, transparent);
  }
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-workbench-content {
  padding: 32px 32px 40px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-workbench-detail {
  gap: 12px;
  margin-top: 28px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-workbench-detail > div {
  padding: 16px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-cards {
  gap: 24px;
  margin-top: 80px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-art {
  height: 320px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-card [data-slot="card-header"] {
  padding-inline: 24px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-card [data-slot="card-content"] {
  padding: 16px 24px 0;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-card [data-slot="card-footer"] {
  padding: 20px 24px 24px;
  border-top-color: var(--home-line) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-catalog-toolbar {
  padding: 16px 20px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-catalog-directory-header {
  padding: 16px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-catalog-detail {
  padding: 24px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) :is(.home-catalog-endpoint-row, .home-catalog-route-row) {
  padding: 14px 16px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-code-stage {
  margin-top: 80px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-code-steps {
  padding: 32px 28px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-code-steps ol {
  gap: 24px;
  margin-top: 24px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-code-toolbar {
  padding: 14px 20px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-code-tabs > [data-slot="tabs-list"] {
  padding: 6px 12px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-code-tabs pre {
  padding: 24px 20px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-code-caption {
  padding: 16px 20px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-operation-cards {
  gap: 24px;
  margin-top: 80px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) :is(.home-access-art, .home-usage-art) {
  padding: 32px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-operation-card [data-slot="card-header"] {
  padding-inline: 24px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-operation-card [data-slot="card-content"] {
  padding: 14px 24px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-operation-card [data-slot="card-footer"] {
  padding: 8px 24px 24px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-story-grid {
  gap: 24px;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-story-art {
  box-shadow: 0 10px 26px #1e2f4c12;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-story-art > div > span {
  box-shadow: 8px 12px 28px #1e2f4c1f;
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-final-cta {
  padding-block: clamp(96px, 10vw, 128px);
}

html[data-resolved-theme="light"]:has(.cheapai-home) .home-final-cta:before {
  opacity: .58;
}

html[data-resolved-theme="light"]:has(.cheapai-public) :is([data-slot="input"], [data-slot="textarea"], [data-slot="select-trigger"], [data-slot="combobox-trigger"], .public-catalog-search-input, .public-docs-endpoint) {
  border-color: var(--home-light-art-line-strong) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public :is([data-slot="tabs-list"][data-variant="default"] [data-slot="tabs-trigger"][data-active], .public-pricing-family-tabs-list [data-slot="tabs-trigger"][data-active], .public-pricing-catalog-tabs-list [data-slot="tabs-trigger"][data-active]) {
  border-color: var(--home-light-art-line-strong);
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public :is(.public-trust-control-card [data-slot="card-action"], .public-trust-document-card [data-slot="card-action"], .public-trust-status-card [data-slot="card-action"]) {
  border-color: var(--home-light-art-line-strong);
  background: #eef3f8;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public.public-auth-surface {
  --auth-control-background: var(--home-surface);
  --auth-control-background-hover: var(--home-raised);
  --auth-control-border: var(--home-light-art-line-strong);
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public.public-auth-surface :is(.auth-control, .auth-panel, .auth-secondary-action, input, textarea) {
  border-color: var(--home-light-art-line-strong) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public.public-auth-surface :is(input, textarea) {
  background: var(--home-surface) !important;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public.public-auth-surface .auth-panel {
  background: #fffaf2;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .cheapai-public.public-auth-surface input:-webkit-autofill {
  box-shadow: 0 0 0 1000px var(--home-surface) inset;
}

html[data-resolved-theme="light"]:has(.cheapai-public) .public-auth-surface main > div {
  padding: 32px;
}

@media (max-width: 799px) {
  html[data-resolved-theme="light"]:has(.cheapai-home) .home-workbench-content {
    padding: 20px 16px 28px;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-cards {
    gap: 20px;
    margin-top: 48px;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-art {
    height: 280px;
  }

  :is(html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-card [data-slot="card-header"], html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-card [data-slot="card-content"]) {
    padding-inline: 20px;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) .home-model-card [data-slot="card-footer"] {
    padding: 18px 20px 20px;
    border-top-color: var(--home-line) !important;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) .home-catalog-detail {
    padding: 20px 16px;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) .home-code-stage {
    margin-top: 48px;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) .home-code-steps {
    padding: 24px 20px;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) .home-code-toolbar {
    padding: 12px 16px;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) .home-code-tabs > [data-slot="tabs-list"] {
    padding-inline: 8px;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) .home-code-tabs pre {
    min-height: 280px;
    padding: 20px 16px;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) .home-code-caption {
    padding: 14px 16px;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) :is(.home-access-art, .home-usage-art) {
    padding: 24px 20px;
  }

  :is(html[data-resolved-theme="light"]:has(.cheapai-home) .home-operation-card [data-slot="card-header"], html[data-resolved-theme="light"]:has(.cheapai-home) .home-operation-card [data-slot="card-content"]) {
    padding-inline: 20px;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) .home-operation-card [data-slot="card-footer"] {
    padding: 8px 20px 20px;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) .home-story-grid {
    gap: 32px;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) .home-story-art {
    height: 320px;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) .home-final-cta {
    padding-block: 88px;
  }

  html[data-resolved-theme="light"]:has(.cheapai-home) .home-final-cta:before {
    opacity: .48;
  }

  html[data-resolved-theme="light"]:has(.cheapai-public) .public-auth-surface main > div {
    padding: 24px 20px;
  }
}

.image-studio-theme {
  --background: #fff;
  --foreground: #20242d;
  --card: #fff;
  --card-foreground: #20242d;
  --popover: #fff;
  --popover-foreground: #20242d;
  --primary: #0954fc;
  --primary-foreground: #fff;
  --secondary: #eef1f5;
  --secondary-foreground: #20242d;
  --muted: #eef1f5;
  --muted-foreground: #606977;
  --accent: #edf3ff;
  --accent-foreground: #1b4db6;
  --border: #e2e5eb;
  --input: #cbd1db;
  --ring: #0954fc;
  --studio-stage: #f5f6f8;
  --studio-surface: #fff;
  --studio-faint: #68717e;
  --studio-primary-hover: #0644d6;
  --studio-selection-border: #6389e5;
  --studio-control-border: #8793a5;
  --studio-shadow: 0 8px 32px #17253b08;
  color: var(--foreground);
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

.dark .image-studio-theme {
  --background: #191a1d;
  --foreground: #eef0f4;
  --card: #24262b;
  --card-foreground: #eef0f4;
  --popover: #24262b;
  --popover-foreground: #eef0f4;
  --primary: #2864ed;
  --primary-foreground: #fff;
  --secondary: #2d3036;
  --secondary-foreground: #eef0f4;
  --muted: #2d3036;
  --muted-foreground: #a9afbb;
  --accent: #1d2c49;
  --accent-foreground: #abc5ff;
  --border: #34373e;
  --input: #4b505b;
  --ring: #759efc;
  --studio-stage: #111214;
  --studio-surface: #24262b;
  --studio-faint: #9ba3b1;
  --studio-primary-hover: #1e5ce5;
  --studio-selection-border: #5c83dd;
  --studio-control-border: #697386;
  --studio-shadow: 0 12px 36px #00000020;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}

@keyframes accordion-down {
  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height, var(--accordion-panel-height, auto));
  }
}

@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height, var(--accordion-panel-height, auto));
  }

  to {
    height: 0;
  }
}

@keyframes caret-blink {
  0%, 70%, 100% {
    opacity: 1;
  }

  20%, 50% {
    opacity: 0;
  }
}

@font-face {
  font-family: SoftAurora Lausanne;
  src: url(/static/font/pd-lausanne-400.f238fba732.woff2) format("woff2");
  font-weight: 400;
  font-display: swap;
}

html:root .cheapai-public, html:root .cheapai-public-surface {
  --home-bg: #040804;
  --home-surface: #10120f;
  --home-raised: #1a1c19;
  --home-ink: #e3e5e1;
  --home-muted: #a3aaa0;
  --home-line: #2c3528;
  --home-blue-readable: #b4f56a;
  --home-font: "Public Sans Variable", Arial, sans-serif;
  --mf-public-bg: #040804;
  --mf-public-panel: #10120f;
  --mf-public-panel-strong: #1a1c19;
  --mf-public-ink: #e3e5e1;
  --mf-public-muted: #a3aaa0;
  --mf-public-line: #2c3528;
  --mf-public-line-soft: #20281d;
  --mf-public-line-strong: #46523f;
  --mf-public-brand: #b4f56a;
  --mf-catalog-acid: #b4f56a;
  --mf-public-brand-foreground: #b4f56a;
  --mf-public-code-bg: #10120f;
  --mf-public-code-line: #2c3528;
  --mf-public-sans: "Public Sans Variable", Arial, sans-serif;
  --background: #040804;
  --foreground: #e3e5e1;
  --card: #10120f;
  --card-foreground: #e3e5e1;
  --primary: #b4f56a;
  --primary-foreground: #10220b;
  --muted: #1a1c19;
  --muted-foreground: #a3aaa0;
  --border: #2c3528;
  --ring: #7fee64;
  --input: #2c3528;
  background: var(--home-bg);
  color: var(--home-ink);
}

html.light .cheapai-public, html.light .cheapai-public-surface {
  --home-bg: #fff;
  --home-surface: #f7f9f3;
  --home-raised: #edf3e7;
  --home-ink: #202620;
  --home-muted: #5e685f;
  --home-line: #dce3d9;
  --home-blue-readable: #287344;
  --mf-public-bg: #fff;
  --mf-public-panel: #f7f9f3;
  --mf-public-panel-strong: #edf3e7;
  --mf-public-ink: #202620;
  --mf-public-muted: #5e685f;
  --mf-public-line: #dce3d9;
  --mf-public-line-soft: #eaf0e7;
  --mf-public-line-strong: #bdcdb7;
  --mf-public-brand: #287344;
  --mf-catalog-acid: #287344;
  --mf-public-brand-foreground: #287344;
  --mf-public-code-bg: #f7f9f3;
  --mf-public-code-line: #dce3d9;
  --background: #fff;
  --foreground: #202620;
  --card: #f7f9f3;
  --card-foreground: #202620;
  --primary: #287344;
  --primary-foreground: #fff;
  --muted: #edf3e7;
  --muted-foreground: #5e685f;
  --border: #dce3d9;
  --ring: #287344;
  --input: #dce3d9;
}

.cheapai-public :is(h1, h2, h3), .cheapai-public .cheapai-wordmark-name {
  font-family: SoftAurora Lausanne, Public Sans Variable, Arial, sans-serif;
  font-weight: 400;
}

.cheapai-console[data-console-surface="user"] {
  --font-heading: "SoftAurora Lausanne", "Public Sans Variable", Arial, sans-serif;
  --console-panel-radius: 12px;
  --console-control-radius: 8px;
  --console-page-gutter: clamp(20px, 3vw, 44px);
  --console-page-content-block: 30px;
  --console-page-heading-gap: 24px;
  --console-section-gap: 24px;
  --console-panel-gap: 20px;
  --console-panel-padding: 22px;
  --app-header-height: 56px;
  --sidebar-width: 248px;
}

body:has(.cheapai-console[data-console-surface="user"]) {
  --font-heading: "SoftAurora Lausanne", "Public Sans Variable", Arial, sans-serif;
  --console-panel-radius: 12px;
  --console-control-radius: 8px;
  --console-page-gutter: clamp(20px, 3vw, 44px);
  --console-page-content-block: 30px;
  --console-page-heading-gap: 24px;
  --console-section-gap: 24px;
  --console-panel-gap: 20px;
  --console-panel-padding: 22px;
  --app-header-height: 56px;
  --sidebar-width: 248px;
}

body:is(:not([data-theme-preset]), [data-theme-preset="default"]) .cheapai-console[data-console-surface="user"] {
  --background: #f8faf6;
  --foreground: #20291f;
  --card: #fff;
  --card-foreground: #20291f;
  --popover: #fff;
  --popover-foreground: #20291f;
  --primary: #b4f56a;
  --primary-foreground: #18310e;
  --secondary: #eff4e9;
  --secondary-foreground: #33472a;
  --muted: #f0f4ec;
  --muted-foreground: #64725d;
  --accent: #e8f2dd;
  --accent-foreground: #335429;
  --border: #dce5d4;
  --input: #cbd8bf;
  --ring: #76a44c;
  --sidebar: #f1f5ec;
  --sidebar-foreground: #34482d;
  --sidebar-border: #dce5d4;
  --sidebar-accent: #e4eed9;
  --sidebar-accent-foreground: #305621;
  --sidebar-primary: #4a772f;
  --sidebar-primary-foreground: #fff;
  --brand-signal: #438137;
  --brand-signal-foreground: #fff;
  --surface: #fff;
  --surface-subtle: #f5f8f0;
  --chart-1: #659747;
  --chart-2: #94b57b;
  --chart-3: #c2d2a9;
  --chart-4: #79a6a1;
  --chart-5: #c3b67b;
  --success: #39754a;
  --warning: #997231;
  --destructive: #b75d5d;
  --info: #49748c;
  --console-hairline: #dce5d4;
  --console-hairline-strong: #cbd8bf;
  --console-surface-subtle: #f3f7ec;
}

body:is(:not([data-theme-preset]), [data-theme-preset="default"]):has(.cheapai-console[data-console-surface="user"]) {
  --background: #f8faf6;
  --foreground: #20291f;
  --card: #fff;
  --card-foreground: #20291f;
  --popover: #fff;
  --popover-foreground: #20291f;
  --primary: #b4f56a;
  --primary-foreground: #18310e;
  --secondary: #eff4e9;
  --secondary-foreground: #33472a;
  --muted: #f0f4ec;
  --muted-foreground: #64725d;
  --accent: #e8f2dd;
  --accent-foreground: #335429;
  --border: #dce5d4;
  --input: #cbd8bf;
  --ring: #76a44c;
  --sidebar: #f1f5ec;
  --sidebar-foreground: #34482d;
  --sidebar-border: #dce5d4;
  --sidebar-accent: #e4eed9;
  --sidebar-accent-foreground: #305621;
  --sidebar-primary: #4a772f;
  --sidebar-primary-foreground: #fff;
  --brand-signal: #438137;
  --brand-signal-foreground: #fff;
  --surface: #fff;
  --surface-subtle: #f5f8f0;
  --chart-1: #659747;
  --chart-2: #94b57b;
  --chart-3: #c2d2a9;
  --chart-4: #79a6a1;
  --chart-5: #c3b67b;
  --success: #39754a;
  --warning: #997231;
  --destructive: #b75d5d;
  --info: #49748c;
  --console-hairline: #dce5d4;
  --console-hairline-strong: #cbd8bf;
  --console-surface-subtle: #f3f7ec;
}

html.dark body:is(:not([data-theme-preset]), [data-theme-preset="default"]) .cheapai-console[data-console-surface="user"] {
  --background: #0a0a0a;
  --foreground: #fafafa;
  --card: #131313;
  --card-foreground: #fafafa;
  --popover: #1d1d1d;
  --popover-foreground: #fafafa;
  --primary: #7fee64;
  --primary-foreground: #10220b;
  --secondary: #1d1d1d;
  --secondary-foreground: #d7dfd1;
  --muted: #1d1d1d;
  --muted-foreground: #a7a7a7;
  --accent: #262626;
  --accent-foreground: #fafafa;
  --border: #292929;
  --input: #414141;
  --ring: #b4f56a;
  --sidebar: #101010;
  --sidebar-foreground: #bac4b2;
  --sidebar-border: #292929;
  --sidebar-accent: #1a1a1a;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-primary: #7fee64;
  --sidebar-primary-foreground: #10220b;
  --brand-signal: #7fee64;
  --brand-signal-foreground: #10220b;
  --surface: #0c0c0c;
  --surface-subtle: #1d1d1d;
  --chart-1: #7fee64;
  --chart-2: #b4f56a;
  --chart-3: #737373;
  --chart-4: #a7a7a7;
  --chart-5: #525252;
  --success: #7fee64;
  --warning: #d4c46a;
  --destructive: #f07878;
  --info: #95b8c9;
  --console-hairline: #292929;
  --console-hairline-strong: #414141;
  --console-surface-subtle: #1d1d1d;
}

html.dark body:is(:not([data-theme-preset]), [data-theme-preset="default"]):has(.cheapai-console[data-console-surface="user"]) {
  --background: #0a0a0a;
  --foreground: #fafafa;
  --card: #131313;
  --card-foreground: #fafafa;
  --popover: #1d1d1d;
  --popover-foreground: #fafafa;
  --primary: #7fee64;
  --primary-foreground: #10220b;
  --secondary: #1d1d1d;
  --secondary-foreground: #d7dfd1;
  --muted: #1d1d1d;
  --muted-foreground: #a7a7a7;
  --accent: #262626;
  --accent-foreground: #fafafa;
  --border: #292929;
  --input: #414141;
  --ring: #b4f56a;
  --sidebar: #101010;
  --sidebar-foreground: #bac4b2;
  --sidebar-border: #292929;
  --sidebar-accent: #1a1a1a;
  --sidebar-accent-foreground: #fafafa;
  --sidebar-primary: #7fee64;
  --sidebar-primary-foreground: #10220b;
  --brand-signal: #7fee64;
  --brand-signal-foreground: #10220b;
  --surface: #0c0c0c;
  --surface-subtle: #1d1d1d;
  --chart-1: #7fee64;
  --chart-2: #b4f56a;
  --chart-3: #737373;
  --chart-4: #a7a7a7;
  --chart-5: #525252;
  --success: #7fee64;
  --warning: #d4c46a;
  --destructive: #f07878;
  --info: #95b8c9;
  --console-hairline: #292929;
  --console-hairline-strong: #414141;
  --console-surface-subtle: #1d1d1d;
}

.cheapai-console[data-console-surface="user"] {
  font-family: var(--font-body);
  background: var(--background);
  font-size: 14px;
}

.cheapai-console[data-console-surface="user"] [data-slot="sidebar-inset"] {
  background: var(--background);
  box-shadow: none;
  border-radius: 0;
}

.cheapai-console[data-console-surface="user"] [data-slot="sidebar-container"] {
  border-right: 1px solid var(--border);
  padding: 0;
}

.cheapai-console[data-console-surface="user"] [data-slot="sidebar-inner"] {
  box-shadow: none;
  background: var(--sidebar);
  border-radius: 0;
}

.cheapai-console[data-console-surface="user"] [data-slot="sidebar-header"] {
  border-bottom: 0;
  height: 78px;
  padding-inline: 18px;
}

.cheapai-console[data-console-surface="user"] [data-slot="system-brand-name"] {
  font-family: var(--font-heading);
  letter-spacing: -.035em;
  font-size: 18px;
  font-weight: 400;
}

.cheapai-console[data-console-surface="user"] [data-slot="system-brand-mark"] {
  border-radius: 8px;
  width: 32px;
  height: 32px;
}

.cheapai-console[data-console-surface="user"] [data-slot="sidebar-group"] {
  padding: 9px 12px;
}

.cheapai-console[data-console-surface="user"] [data-slot="sidebar-group-label"] {
  letter-spacing: .11em;
  color: var(--muted-foreground);
  padding-inline: 12px;
  font-size: 10px;
  font-weight: 500;
}

.cheapai-console[data-console-surface="user"] [data-slot="sidebar-menu-button"] {
  border-radius: 6px;
  gap: 10px;
  height: 38px;
  padding-inline: 12px;
  font-size: 13px;
  font-weight: 400;
}

.cheapai-console[data-console-surface="user"] [data-slot="sidebar-menu-button"][data-active="true"] {
  background: var(--sidebar-accent);
  color: var(--sidebar-accent-foreground);
  box-shadow: inset 2px 0 var(--brand-signal);
}

.cheapai-console[data-console-surface="user"] [data-slot="sidebar-menu-button"] > svg {
  opacity: .8;
  width: 16px;
  height: 16px;
}

.cheapai-console[data-console-surface="user"] [data-slot="app-header"] {
  border-bottom: 1px solid var(--border);
  background: var(--background);
}

.cheapai-console[data-console-surface="user"] [data-slot="app-header-inner"] {
  padding-inline: var(--console-page-gutter);
}

.cheapai-console[data-console-surface="user"] [data-slot="section-page-title"] {
  font-family: var(--font-heading);
  letter-spacing: -.02em;
  color: var(--foreground);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

.cheapai-console[data-console-surface="user"] [data-slot="section-page-description"] {
  color: color-mix(in srgb, var(--muted-foreground) 72%, transparent);
  margin-top: 3px;
  font-size: 12.5px;
  line-height: 1.45;
}

.cheapai-console[data-console-surface="user"] [data-slot="section-page-heading"] {
  margin-bottom: 24px;
}

.cheapai-console[data-console-surface="user"] :is([data-slot="card"], [data-slot="console-panel"]) {
  border: 1px solid var(--border);
  box-shadow: none;
  background: var(--card);
  color: var(--card-foreground);
  border-radius: 12px;
}

.cheapai-console[data-console-surface="user"] [data-slot="card-title"] {
  font-family: var(--font-body);
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 560;
}

.cheapai-console[data-console-surface="user"] [data-slot="card-description"] {
  font-size: 12px;
  line-height: 1.65;
}

.cheapai-console[data-console-surface="user"] [data-slot="button"] {
  box-shadow: none;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.4;
}

.cheapai-console[data-console-surface="user"] [data-slot="button"][data-variant="default"] {
  font-weight: 600;
}

.cheapai-console[data-console-surface="user"] :is([data-slot="input"], [data-slot="select-trigger"], [data-slot="textarea"]) {
  border-color: var(--input);
  background: var(--card);
  border-radius: 8px;
  font-size: 13px;
}

.cheapai-console[data-console-surface="user"] :is(th, [data-slot="table-head"]) {
  color: var(--muted-foreground);
  letter-spacing: .025em;
  font-size: 11px;
  font-weight: 500;
}

.cheapai-console[data-console-surface="user"] :is(td, [data-slot="table-cell"]) {
  border-color: var(--border);
  font-size: 13px;
}

.cheapai-console[data-console-surface="user"] [data-overview-metric-value] {
  font-family: var(--font-heading);
  letter-spacing: -.04em;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
}

.cheapai-console[data-console-surface="user"] [data-overview-panel="summary"] {
  gap: 20px;
}

.cheapai-console[data-console-surface="user"] [data-overview-source-value] {
  font-family: var(--font-heading);
  letter-spacing: -.04em;
  font-size: 36px;
  font-weight: 400;
}

.cheapai-console[data-console-surface="user"] .overview-intro:empty {
  display: none;
}

.cheapai-console[data-console-surface="user"] [data-slot="console-footer"] {
  background: var(--background);
  border-color: var(--border);
  padding-block: 8px;
}

.sa-sidebar-account {
  border-top: 1px solid var(--border);
  gap: 16px;
  margin-top: auto;
  padding: 14px 16px 16px;
  display: grid;
}

.sa-sidebar-credit {
  color: var(--muted-foreground);
  grid-template-columns: 1fr auto;
  gap: 5px;
  font-size: 11px;
  display: grid;
}

.sa-sidebar-credit strong {
  color: var(--foreground);
  font: 400 22px/1.2 var(--font-heading);
  letter-spacing: -.03em;
  grid-area: 2 / 1;
}

.sa-sidebar-credit svg {
  grid-area: 1 / 2 / 3;
  align-self: center;
}

.sa-sidebar-identity {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.sa-sidebar-avatar {
  border: 1px solid var(--border);
  background: var(--accent);
  width: 32px;
  height: 32px;
  color: var(--accent-foreground);
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  font-size: 11px;
  display: grid;
}

.sa-sidebar-user-copy {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.sa-sidebar-user-copy strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
}

.sa-sidebar-user-copy small {
  color: var(--muted-foreground);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
}

.sa-overview-insights {
  grid-template-columns: minmax(0, 1.6fr) minmax(270px, 1fr);
  gap: 20px;
  min-width: 0;
  display: grid;
}

.sa-insight-panel {
  border: 1px solid var(--border);
  background: var(--card);
  border-radius: 12px;
  min-width: 0;
  padding: 22px;
}

.sa-insight-panel > header {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  display: flex;
}

.sa-insight-panel h2 {
  font-family: var(--font-body);
  letter-spacing: 0;
  margin: 0;
  font-size: 13px;
  font-weight: 560;
}

.sa-period-tabs {
  border: 1px solid var(--border);
  background: var(--background);
  border-radius: 7px;
  gap: 3px;
  padding: 3px;
  display: flex;
}

.sa-period-tabs button {
  color: var(--muted-foreground);
  background: none;
  border: 0;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 11px;
}

.sa-period-tabs button[aria-pressed="true"] {
  background: var(--accent);
  color: var(--accent-foreground);
}

.sa-usage-chart {
  width: 100%;
  height: 185px;
  display: block;
  overflow: visible;
}

.sa-chart-grid {
  stroke: var(--border);
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
}

.sa-chart-line {
  fill: none;
  stroke: var(--chart-1);
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.sa-chart-axis {
  color: var(--muted-foreground);
  justify-content: space-between;
  margin-top: 6px;
  font: 10px / 1.5 ui-monospace, monospace;
  display: flex;
}

.sa-model-mix {
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.sa-model-mix li > div:first-child {
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 7px;
  font-size: 11px;
  display: flex;
}

.sa-model-mix li span {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  color: var(--muted-foreground);
  overflow: hidden;
}

.sa-model-mix li strong {
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
  font-weight: 400;
}

.sa-model-mix-track {
  background: var(--muted);
  border-radius: 3px;
  height: 5px;
  overflow: hidden;
}

.sa-model-mix-track i {
  background: color-mix(in srgb, var(--brand-signal) 45%, transparent);
  border-radius: inherit;
  height: 100%;
  display: block;
}

.sa-model-mix-track i.muted, .sa-model-mix li:nth-child(2) i, .sa-model-mix li:nth-child(3) i, .sa-model-mix li:nth-child(4) i, .sa-model-mix li:nth-child(5) i {
  background: color-mix(in srgb, var(--muted-foreground) 28%, transparent);
}

.sa-chart-empty {
  min-height: 210px;
  color: var(--muted-foreground);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  display: flex;
}

@media (max-width: 1023px) {
  .sa-overview-insights {
    grid-template-columns: 1fr;
  }

  .cheapai-console[data-console-surface="user"] [data-slot="section-page-title"] {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .sa-sidebar-account {
    padding: 12px;
  }

  .sa-insight-panel {
    padding: 16px;
  }

  .cheapai-console[data-console-surface="user"] {
    --console-page-content-block: 20px;
    --console-page-gutter: 16px;
    --console-panel-gap: 16px;
  }
}