:root {
      --void: #050403;
      --void-2: #0d0b08;
      --void-3: #131009;
      --glass: rgba(255, 241, 184, 0.04);
      --glass-edge: rgba(197, 160, 40, 0.18);
      --gold: #C5A028;
      --gold-bright: #e8c040;
      --gold-dim: #8a6e1a;
      --blood: #8B0000;
      --blood-bright: #c0392b;
      --parchment: #f9f4e8;
      --parchment-dim: #c8bfa8;
      --ink: #2C1810;
      --mono: 'IBM Plex Mono', monospace;
      --body: 'Outfit', system-ui, sans-serif;
      --serif: 'Lora', Georgia, serif;
      --ease: cubic-bezier(0.22, 1, 0.36, 1);
      --space-4: 1rem;
      --space-5: 1.5rem;
      --space-6: 2rem;
      --space-7: 3rem;
      --space-8: 4.5rem;
      --space-9: 7rem;
      --gutter: clamp(1.1rem, 4vw, 2.5rem);
      --max: 920px;
      --radius: 18px;
      --text-base: clamp(0.95rem, 0.88rem + 0.35vw, 1.08rem);
      --text-sm: clamp(0.82rem, 0.78rem + 0.2vw, 0.95rem);
      --text-lg: clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
      --text-xl: clamp(1.4rem, 1.15rem + 1.1vw, 2.1rem);
      --text-2xl: clamp(1.9rem, 1.35rem + 2.2vw, 3rem);
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; }
    body {
      font-family: var(--body);
      font-size: var(--text-base);
      font-weight: 400;
      line-height: 1.7;
      color: var(--parchment);
      background: var(--void);
      min-height: 100dvh;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
    }
    img, svg { display: block; max-width: 100%; height: auto; }
    a { color: var(--gold); text-decoration: underline; text-underline-offset: 2px; transition: color 0.2s; }
    a:hover { color: var(--gold-bright); }
    ul { list-style: none; }
    :focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 3px; }

    .grain {
      pointer-events: none; position: fixed; inset: 0; z-index: 90;
      opacity: 0.038; mix-blend-mode: overlay;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
      background-size: 180px;
    }
    .orb {
      pointer-events: none; position: fixed; border-radius: 50%; z-index: 0; contain: strict;
    }
    .orb-g { width: min(60vw, 580px); height: min(60vw, 580px); top: -12%; left: 50%; transform: translateX(-50%);
      background: radial-gradient(circle, rgba(197, 160, 40, 0.4) 0%, transparent 68%);
      filter: blur(80px); opacity: 0.5; }

    .shell { position: relative; z-index: 1; width: min(var(--max), calc(100% - var(--gutter) * 2)); margin-inline: auto; }

    .nav {
      position: sticky; top: 0; z-index: 50;
      background: linear-gradient(180deg, rgba(5,4,3,0.97) 0%, rgba(5,4,3,0.85) 60%, transparent 100%);
      border-bottom: 1px solid transparent;
      backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
    }
    .nav.is-solid {
      border-bottom-color: var(--glass-edge);
      background: linear-gradient(180deg, rgba(5,4,3,0.96) 0%, rgba(5,4,3,0.82) 70%, transparent 100%);
      box-shadow: inset 0 1px 0 rgba(197,160,40,0.12), 0 8px 32px rgba(0,0,0,0.5);
    }
    .nav-inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); padding: 0.9rem 0; }
    .nav-brand { display: inline-flex; align-items: center; gap: 0.6rem; }
    .nav-brand img { width: 34px; height: 34px; border-radius: 4px; border: 1px solid var(--gold-dim); }
    .nav-brand span { font-weight: 600; font-size: var(--text-sm); letter-spacing: 0.06em; text-transform: uppercase; color: var(--gold); }
    .nav-links { display: none; align-items: center; gap: var(--space-5); }
    @media (min-width: 768px) { .nav-links { display: flex; } }
    .nav-links a { font-size: var(--text-sm); font-weight: 500; color: var(--parchment-dim); transition: color 0.2s; }
    .nav-links a:hover, .nav-links a.active { color: var(--gold-bright); }
    .nav-cta {
      display: inline-flex; align-items: center; gap: 0.4rem;
      padding: 0.45rem 1.1rem; background: var(--gold); color: var(--void);
      font-weight: 700; font-size: var(--text-sm); letter-spacing: 0.04em;
      border-radius: 6px; transition: background 0.2s, transform 0.15s;
    }
    .nav-cta:hover { background: var(--gold-bright); transform: translateY(-1px); }

    main { padding: var(--space-7) 0 var(--space-8); }

    .page-header { margin-bottom: var(--space-7); }
    .page-eyebrow {
      display: inline-flex; align-items: center; gap: 0.5rem;
      font-family: var(--mono); font-size: var(--text-sm);
      font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase;
      color: var(--gold); margin-bottom: var(--space-4);
    }
    .page-title {
      font-size: var(--text-2xl); font-weight: 700;
      line-height: 1.1; color: var(--parchment);
      margin-bottom: var(--space-4);
    }
    .page-meta {
      font-family: var(--mono); font-size: var(--text-sm);
      color: var(--parchment-dim);
      padding: var(--space-4) var(--space-5);
      background: var(--glass);
      border: 1px solid var(--glass-edge);
      border-left: 4px solid var(--gold-dim);
      border-radius: var(--radius);
    }
    .page-meta strong { color: var(--gold); font-weight: 500; }

    .toc {
      background: var(--void-2);
      border: 1px solid var(--glass-edge);
      border-radius: var(--radius);
      padding: var(--space-5);
      margin-bottom: var(--space-7);
    }
    .toc-title {
      font-family: var(--mono); font-size: var(--text-sm);
      font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase;
      color: var(--gold); margin-bottom: var(--space-3);
    }
    .toc ol { counter-reset: toc; }
    .toc li {
      counter-increment: toc;
      padding: 0.3rem 0;
      font-size: var(--text-sm);
      color: var(--parchment-dim);
    }
    .toc li::before {
      content: counter(toc, decimal-leading-zero) ".";
      color: var(--gold);
      font-family: var(--mono);
      margin-right: 0.6rem;
      font-weight: 500;
    }
    .toc a { color: var(--parchment-dim); }
    .toc a:hover { color: var(--gold-bright); }

    section.terms-section {
      padding: var(--space-5) 0;
      border-top: 1px solid var(--glass-edge);
    }
    section.terms-section:first-of-type { border-top: 0; padding-top: 0; }
    .section-heading {
      display: flex; align-items: baseline; gap: 0.8rem;
      margin-bottom: var(--space-3);
    }
    .section-num {
      font-family: var(--mono); font-size: var(--text-sm);
      font-weight: 600; letter-spacing: 0.05em;
      color: var(--gold);
      flex-shrink: 0;
      min-width: 2.4rem;
    }
    .section-title-text {
      font-size: var(--text-xl); font-weight: 700;
      color: var(--parchment);
    }
    .section-body p { margin-bottom: var(--space-4); }
    .section-body p:last-child { margin-bottom: 0; }
    .section-body strong { color: var(--parchment); font-weight: 600; }
    .section-body ul {
      list-style: none; margin: var(--space-3) 0;
    }
    .section-body ul li {
      position: relative; padding-left: 1.5rem;
      margin-bottom: 0.6rem;
      color: var(--parchment-dim);
    }
    .section-body ul li::before {
      content: '•'; position: absolute; left: 0.4rem;
      color: var(--gold); font-weight: 700;
    }
    .section-body ol {
      counter-reset: ol-counter;
      margin: var(--space-3) 0;
    }
    .section-body ol li {
      counter-increment: ol-counter;
      position: relative; padding-left: 1.8rem;
      margin-bottom: 0.6rem;
      color: var(--parchment-dim);
    }
    .section-body ol li::before {
      content: counter(ol-counter) ".";
      position: absolute; left: 0;
      color: var(--gold);
      font-family: var(--mono);
      font-weight: 500;
    }
    .callout {
      background: var(--void-2);
      border: 1px solid var(--glass-edge);
      border-left: 4px solid var(--gold-dim);
      border-radius: var(--radius);
      padding: var(--space-4) var(--space-5);
      margin: var(--space-4) 0;
      font-size: var(--text-sm);
    }
    .callout strong { color: var(--gold); font-weight: 600; }

    .back-link {
      display: inline-flex; align-items: center; gap: 0.4rem;
      font-size: var(--text-sm); color: var(--parchment-dim);
      margin-top: var(--space-7);
      padding: 0.5rem 1rem;
      border: 1px solid var(--glass-edge);
      border-radius: 6px;
      transition: border-color 0.2s, color 0.2s;
    }
    .back-link:hover { border-color: var(--gold); color: var(--gold-bright); }

    .footer {
      border-top: 1px solid var(--glass-edge);
      padding: var(--space-7) 0 var(--space-6);
    }
    .footer-inner {
      display: flex; flex-wrap: wrap; align-items: center;
      justify-content: space-between; gap: var(--space-4);
    }
    .footer-brand { display: flex; align-items: center; gap: 0.6rem; }
    .footer-brand img { width: 28px; height: 28px; border-radius: 4px; border: 1px solid var(--gold-dim); }
    .footer-brand-name { font-weight: 600; font-size: var(--text-sm); color: var(--gold); }
    .footer-copy { font-size: var(--text-sm); color: var(--parchment-dim); opacity: 0.6; text-align: center; }
    .footer-links { display: flex; gap: var(--space-4); }
    .footer-links a { font-size: var(--text-sm); color: var(--parchment-dim); }
    .footer-links a:hover { color: var(--gold); }