:root {
  color-scheme: dark;
  --paper: #080a09;
  --white: #111612;
  --ink: #e3eadf;
  --muted: #a0ad9d;
  --copper: #b7f46b;
  --copper-hover: #d1ff9a;
  --peach: #171e15;
  --line: #344031;
  --green: #b7f46b;
  --serif: 'Cascadia Code', Consolas, monospace;
  --radius: 2px;
}
body {
  background: #080a09;
  color: var(--ink);
}
.site-header {
  background: #080a09;
  color: var(--ink);
  border-color: var(--line);
}
.brand {
  font-family: var(--mono);
  font-size: 24px;
  letter-spacing: -1.5px;
}
.brand img {
  image-rendering: pixelated;
}
.announcement {
  background: #151b12;
  color: #b7f46b;
  border-bottom: 1px solid var(--line);
}
.announcement-divider {
  color: var(--muted);
}
.site-header .header-cta,
.button {
  background: var(--copper);
  border-color: var(--copper);
  color: #080a09;
  border-radius: 0;
}
.site-header .header-cta:hover,
.button:hover:not(:disabled) {
  background: var(--copper-hover);
  color: #080a09;
  border-color: var(--copper-hover);
}
.button-outline,
.button-quiet {
  background: transparent;
  color: var(--ink);
  border-color: var(--line);
}
.button-outline:hover:not(:disabled),
.button-quiet:hover:not(:disabled) {
  color: #080a09;
}
.model-summary,
.model-details,
.model-card,
.playground-section,
.pricing-section,
.demo-card,
.demo-answer,
.price-card,
.account-card,
.balance-card,
.secret-box,
.payment-checkout,
.checkout-notice,
.payment-note,
.code-note,
.code-environment,
.demo-account-note,
.usdc-note,
.payment-band,
.integration-details,
.auth-tabs,
.capability-table,
.doc-callout,
.doc-note,
dialog {
  background: #111612;
  color: var(--ink);
  border-color: var(--line);
  border-radius: 2px;
}
.model-details,
.demo-answer,
.account-form input,
.account-form select,
.demo-form textarea,
input,
select,
textarea {
  background: #080a09;
  color: var(--ink);
  border-color: #52604c;
  border-radius: 0;
}
.demo-scenarios button,
.auth-tabs button {
  background: #171e15;
  color: var(--ink);
  border-color: var(--line);
}
.demo-scenarios [aria-pressed='true'],
.auth-tabs [aria-pressed='true'] {
  background: #b7f46b;
  color: #080a09;
}
.code-window,
.code-header,
.doc-code,
.doc-code pre,
.account-card pre {
  background: #080a09;
  color: #d2e3c6;
  border-color: var(--line);
}
.code-note,
.code-environment {
  color: var(--muted);
}
.pill {
  background: #1a2514;
  color: #c6f49b;
  border-color: #3e5731;
}
.pill[data-state='offline'],
.pill[data-state='unavailable'] {
  background: #291f15;
  color: #f8ca91;
}
.account-status[data-error='true'],
.form-error {
  color: #ffad9c;
}
.field-help,
.payment-details dt,
.account-list small,
.demo-status,
.demo-metrics {
  color: var(--muted);
}
.checkout-amounts input:checked + span,
.network-options input:checked + span {
  background: #1d2a16;
  color: var(--ink);
}
.price-card-featured,
.price-card.is-featured {
  background: #172212;
}
.featured-label,
.price-card-label {
  color: var(--ink);
}
.section {
  padding-block: 62px;
}
.playground-section {
  padding-block: 62px;
}
h1,
h2 {
  font-family: var(--sans);
  font-weight: 650;
}
h1 em,
h2 em {
  font-style: normal;
  font-weight: 650;
}
.eyebrow,
.micro,
.pill,
.button,
.text-link {
  font-family: var(--mono);
}
.document-main {
  max-width: 960px;
  padding-top: 55px;
}
.document-main > h1 {
  font-size: clamp(38px, 6vw, 64px);
  margin-bottom: 22px;
}
.document-main p {
  color: var(--muted);
  margin-block: 16px;
  max-width: 80ch;
}
.document-main section {
  padding-block: 38px;
  border-top: 1px solid var(--line);
}
.document-main h2 {
  font-size: 30px;
  margin-bottom: 18px;
}
.document-main h3 {
  margin-top: 28px;
}
.doc-contents {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin: 24px 0 36px;
}
.doc-contents a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: var(--copper);
}
.document-main table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin-block: 20px;
}
.document-main th,
.document-main td {
  border: 1px solid var(--line);
  padding: 14px;
  text-align: left;
  overflow-wrap: anywhere;
}
.document-main th {
  background: #172212;
}
.document-main caption {
  text-align: left;
  color: var(--muted);
  margin-bottom: 12px;
}
.document-main pre {
  padding: 20px;
  font-size: 12px;
}
.document-main .code-header {
  padding: 8px 20px;
}
.document-main a:not(.button) {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.demo-answer .message-label {
  color: var(--muted);
}
.credit-featured {
  background: #172212;
}
.credit-recommendation {
  color: #080a09;
  border-radius: 0;
}
.estimate-fields input {
  background: #080a09;
  color: var(--ink);
}
.payment-strip {
  background: #171e15;
  border-color: var(--line);
}
.playground,
.playground-copy {
  min-width: 0;
}
.playground-copy h2 {
  overflow-wrap: anywhere;
}
.example-selectors,
.playground-top,
.demo-live-tools,
.demo-form-footer {
  flex-wrap: wrap;
}
@media (max-width: 700px) {
  .account-nav {
    flex-wrap: wrap;
    padding-block: 16px;
    gap: 8px;
  }
  .account-nav nav {
    flex-wrap: wrap;
    gap: 8px 22px;
  }
  .document-main th,
  .document-main td {
    padding: 10px;
  }
}