:root {
  --paper: #f3f0e8;
  --ink: #292825;
  --muted: #6f6c65;
  --line: #d5d1c7;
  --yellow: #cc785c;
  --green: #7a9b83;
  --coral: #d9896d;
  --blue: #7d8f99;
  --display: "Noto Serif SC", Georgia, "Times New Roman", serif;
  --sans: "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --mono: Consolas, "Courier New", monospace;
}

body {
  background: var(--paper);
}

.site-header {
  background: rgba(243, 240, 232, 0.94);
  height: 78px;
}

.brand {
  font-family: var(--display);
  font-weight: 700;
}

.brand b {
  background: transparent;
  color: var(--muted);
  border: 1px solid var(--line);
  font-weight: 400;
}

.desktop-nav {
  color: #4c4a45;
}

.button {
  border-radius: 5px;
  font-weight: 600;
}

.button:hover {
  box-shadow: 3px 3px 0 #373530;
}

.button-dark {
  background: #292825;
}

.button-accent {
  background: #cc785c;
  color: #fffaf3;
  border-color: #a85f48;
}

.button-ghost {
  border-color: #aaa69d;
}

.hero {
  min-height: 720px;
  padding-top: 92px;
}

h1,
h2,
.final-cta h2,
.dev-grid h2 {
  font-family: var(--display);
  font-weight: 600;
}

h1 {
  font-size: 68px;
  line-height: 1.13;
}

.marker {
  color: #b86147;
}

.marker::after {
  height: 2px;
  bottom: 0;
  background: #b86147;
  transform: none;
}

.hero-copy > p {
  color: #5e5b55;
  line-height: 1.9;
}

.live-dot {
  background: #6f947a;
  box-shadow: 0 0 0 4px rgba(111, 148, 122, 0.14);
}

.api-stage {
  background: #e9e5dc;
  border-color: #c8c3b8;
  border-radius: 7px;
}

.api-stage::before {
  opacity: 0.4;
}

.node {
  background: #f8f5ee;
  border-color: #817d75;
}

.node-core {
  box-shadow: 5px 5px 0 #cc785c;
}

.packet {
  background: #cc785c;
}

.code-window,
.developer-section {
  background: #242421;
}

.code-window {
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 8px 8px 0 rgba(54, 51, 46, 0.17);
}

.token-key {
  color: #e3a48e;
}

.token-url {
  color: #a7bac3;
}

.token-string {
  color: #a8c4ae;
}

.model-strip,
.pricing-section {
  border-color: var(--line);
}

.model-list {
  font-family: var(--display);
  font-weight: 600;
  color: #55524c;
}

.section-heading h2,
.pricing-head h2 {
  color: #302f2b;
}

.feature {
  background: #ece9e1;
  border-color: #d0ccc2;
  border-radius: 7px;
}

.feature-dark {
  background: #2d3530;
  border-color: #2d3530;
}

.signal-viz i,
.coin-viz {
  background: #cc785c;
}

.coin-viz {
  box-shadow: 7px 7px 0 #3b3934;
}

.shield-viz {
  background: #7a9b83;
}

.billing-toggle button.active {
  background: #292825;
}

.icon-green {
  background: #7a9b83;
}

.icon-coral {
  background: #d9896d;
}

.icon-blue {
  background: #8a9ba3;
}

.button-light {
  background: #f3f0e8;
}

.terminal {
  border-color: #55534d;
  border-radius: 7px;
  overflow: hidden;
}

.terminal-tabs .active {
  border-color: #cc785c;
}

.uptime-bars i {
  background: #7a9b83;
}

.rice-mark i {
  background: #cc785c;
  border-color: #615e57;
}

.rice-mark i:nth-child(2) {
  background: #7a9b83;
}

.rice-mark i:nth-child(3) {
  background: #d5a76d;
}

footer {
  background: #e5e1d7;
}

@media (max-width: 600px) {
  h1 {
    font-size: 46px;
  }
}