* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --bg: #0b1d26;
  --card: rgba(15, 41, 36, 0.78);
  --panel: rgba(17, 53, 46, 0.9);
  --accent: #f4b400;
  --muted: #9eb3a8;
  --text: #e8f0eb;
  --border: rgba(255, 255, 255, 0.08);
  --shadow: 0 25px 80px rgba(0, 0, 0, 0.35);
  --bg-gradient: radial-gradient(circle at 20% 20%, rgba(52, 84, 70, 0.4), transparent 35%), radial-gradient(circle at 80% 10%, rgba(23, 70, 90, 0.4), transparent 30%), linear-gradient(145deg, #071017, #0b1d26 60%, #0c2420);
  --brand-image: url('data:image/webp;base64,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');
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #f7faf8;
    --card: rgba(255, 255, 255, 0.92);
    --panel: rgba(255, 255, 255, 0.9);
    --accent: #d48a00;
    --muted: #5f6f66;
    --text: #102018;
    --border: rgba(0, 0, 0, 0.08);
    --shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    --bg-gradient: radial-gradient(circle at 18% 18%, rgba(168, 206, 182, 0.4), transparent 32%), radial-gradient(circle at 82% 12%, rgba(147, 193, 217, 0.35), transparent 28%), linear-gradient(145deg, #ffffff, #f1f5f3 60%, #e7efea);
  }
  .btn.primary {
    background: linear-gradient(120deg, #f6c74a, #ffe28a);
    color: #3a2a00;
    box-shadow: 0 10px 28px rgba(212, 138, 0, 0.28);
  }
}

:root[data-theme='dark'] {
  --bg: #0b1d26;
  --card: rgba(15, 41, 36, 0.78);
  --panel: rgba(17, 53, 46, 0.9);
  --accent: #f4b400;
  --muted: #9eb3a8;
  --text: #e8f0eb;
  --border: rgba(255, 255, 255, 0.08);
  --shadow: 0 25px 80px rgba(0, 0, 0, 0.35);
  --bg-gradient: radial-gradient(circle at 20% 20%, rgba(52, 84, 70, 0.4), transparent 35%), radial-gradient(circle at 80% 10%, rgba(23, 70, 90, 0.4), transparent 30%), linear-gradient(145deg, #071017, #0b1d26 60%, #0c2420);
}

:root[data-theme='light'] {
  --bg: #f7faf8;
  --card: rgba(255, 255, 255, 0.92);
  --panel: rgba(255, 255, 255, 0.9);
  --accent: #d48a00;
  --muted: #5f6f66;
  --text: #102018;
  --border: rgba(0, 0, 0, 0.08);
  --shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
  --bg-gradient: radial-gradient(circle at 18% 18%, rgba(168, 206, 182, 0.4), transparent 32%), radial-gradient(circle at 82% 12%, rgba(147, 193, 217, 0.35), transparent 28%), linear-gradient(145deg, #ffffff, #f1f5f3 60%, #e7efea);
}

body {
  font-family: 'Space Grotesk', 'Segoe UI', sans-serif;
  color: var(--text);
  background: var(--bg-gradient);
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
  line-height: 1.6;
}

[hidden] {
  display: none !important;
}

.grain {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" width="160" height="160"%3E%3Cfilter id="n" x="0" y="0" width="100%25" height="100%25"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity="0.05"/%3E%3C/svg%3E');
  opacity: 0.4;
  mix-blend-mode: soft-light;
  z-index: 1;
}

.shell {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 24px 64px;
  z-index: 2;
}

header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}

.page-docs header {
  flex-wrap: wrap;
  gap: 16px;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.brand-mark {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--brand-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: grid;
  place-items: center;
  box-shadow: var(--shadow);
}

.nav-link {
  color: var(--muted);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease, transform 0.2s ease;
}

.nav-link:hover {
  color: var(--accent);
  transform: translateY(-1px);
}

.theme-toggle,
.back-link,
.cookie-pref {
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.05);
  color: var(--text);
  padding: 10px 12px;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  align-items: end;
  gap: 8px;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.back-link {
  text-decoration: none;
  padding: 10px 18px;
}

.theme-toggle:hover,
.back-link:hover,
.cookie-pref:hover {
  transform: translateY(-1px);
  border-color: var(--accent);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.hero {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 28px;
  align-items: center;
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 28px;
  padding: 40px;
  box-shadow: var(--shadow);
  position: relative;
  overflow: hidden;
}

.hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 40%, rgba(244, 180, 0, 0.14), transparent 42%), radial-gradient(circle at 85% 20%, rgba(0, 255, 204, 0.14), transparent 40%);
  pointer-events: none;
  mix-blend-mode: screen;
}

.eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.78rem;
  color: var(--accent);
  font-weight: 700;
  margin-bottom: 12px;
}

h1 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(2.4rem, 4vw, 3.4rem);
  line-height: 1.05;
  margin-bottom: 14px;
}

.page-docs h1 {
  font-size: clamp(2rem, 4vw, 2.8rem);
}

.lede {
  color: var(--muted);
  font-size: 1.05rem;
  line-height: 1.8;
  max-width: 620px;
  margin-bottom: 22px;
}

.pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 22px;
}

.pill {
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--border);
  color: var(--text);
  font-size: 0.9rem;
}

.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}

.btn {
  padding: 14px 18px;
  border-radius: 14px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid transparent;
  transition: transform 0.2s ease, box-shadow 0.25s ease, border-color 0.2s ease;
}

.btn.primary {
  background: linear-gradient(120deg, #f4b400, #ffcc4d);
  color: #1a1200;
  box-shadow: 0 15px 45px rgba(244, 180, 0, 0.35);
}

:root[data-theme='light'] .btn.primary {
  background: linear-gradient(120deg, #f6c74a, #ffe28a);
  color: #3a2a00;
  box-shadow: 0 10px 28px rgba(212, 138, 0, 0.28);
}

.btn.ghost {
  border-color: var(--border);
  color: var(--text);
  background: rgba(255, 255, 255, 0.04);
}

.btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.35);
}

.hero-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 18px 18px 16px;
  backdrop-filter: blur(6px);
  position: relative;
  overflow: hidden;
}

.hero-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, rgba(244, 180, 0, 0.15), transparent 45%);
  pointer-events: none;
}

.card-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  font-weight: 600;
}

.stat-block {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.stat {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 14px;
  padding: 12px;
  border: 1px solid var(--border);
}

.stat .label {
  color: var(--muted);
  font-size: 0.85rem;
}

.stat .value {
  font-size: 1.2rem;
  font-weight: 700;
  margin-top: 6px;
}

.features {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.feature-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 18px;
  box-shadow: var(--shadow);
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.feature-card:hover {
  transform: translateY(-4px);
  border-color: rgba(244, 180, 0, 0.35);
}

.feature-icon {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

.feature-card h3 {
  margin-bottom: 8px;
  font-size: 1.1rem;
}

.feature-card p {
  color: var(--muted);
  line-height: 1.6;
}

.sources {
  margin-top: 50px;
  padding: 24px;
  border-radius: 20px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.03);
  box-shadow: var(--shadow);
}

.sources h2 {
  font-size: 1.4rem;
  margin-bottom: 12px;
}

.source-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid var(--border);
  color: var(--text);
  text-decoration: none;
}

.badge.multi {
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.4;
}

.secondary-cta {
  margin-top: 48px;
  background: var(--panel);
  border: 1px solid var(--border);
  border-radius: 22px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: var(--shadow);
}

.secondary-cta p {
  color: var(--muted);
  line-height: 1.6;
}

.secondary-cta a {
  color: var(--accent);
}

.content {
  background: var(--panel);
  padding: 40px;
  border-radius: 20px;
  box-shadow: var(--shadow);
  border: 1px solid var(--border);
}

.intro {
  color: var(--muted);
  font-size: 1.05rem;
  margin-bottom: 24px;
  line-height: 1.7;
}

.page-docs h2 {
  color: var(--accent);
  margin-top: 32px;
  margin-bottom: 12px;
  font-size: 1.4em;
  font-weight: 600;
}

.page-docs h2:first-of-type {
  margin-top: 0;
}

.page-docs p {
  margin-bottom: 16px;
  color: var(--text);
  line-height: 1.7;
}

.page-docs a {
  color: var(--accent);
  text-decoration: underline;
  transition: opacity 0.2s ease;
}

.page-docs a:hover {
  opacity: 0.8;
}

.cookie-banner {
  position: fixed;
  inset: auto 16px 16px 16px;
  padding: 16px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.75);
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  color: var(--text);
  display: grid;
  gap: 10px;
  z-index: 10;
  backdrop-filter: blur(6px);
}

:root[data-theme='light'] .cookie-banner {
  background: rgba(255, 255, 255, 0.95);
}

.cookie-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.cookie-actions button {
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.08);
  color: var(--text);
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.15s ease, border-color 0.2s ease;
}

.cookie-actions button.primary {
  border-color: var(--accent);
  background: linear-gradient(120deg, #f4b400, #ffcc4d);
  color: #1a1200;
}

:root[data-theme='light'] .cookie-actions button.primary {
  background: linear-gradient(120deg, #f6c74a, #ffe28a);
  color: #3a2a00;
}

.cookie-actions button:hover {
  transform: translateY(-1px);
}

.cookie-pref {
  font-weight: 600;
}

footer {
  margin-top: 36px;
  padding: 20px 0 10px;
  color: var(--muted);
  font-size: 0.95rem;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

footer .links {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 10px;
  justify-content: center;
}

footer a {
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

footer a:hover {
  border-color: var(--accent);
}

footer .current-page {
  color: var(--accent);
  font-weight: 600;
  cursor: default;
}

footer .copyright {
  width: 100%;
  text-align: end;
}

@media (max-width: 960px) {
  .stat-block {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .hero {
    padding: 28px;
  }
  .actions {
    flex-direction: column;
    align-items: stretch;
  }
  .btn {
    justify-content: center;
  }
  .stat-block,
  .features {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .page-docs .content {
    padding: 28px;
  }
  .page-docs header {
    flex-direction: column;
    align-items: stretch;
  }
  .page-docs .header-actions {
    justify-content: space-between;
  }
  .page-docs h1 {
    font-size: 2rem;
  }
  .page-docs h2 {
    font-size: 1.3em;
  }
}