:root {
            --bg: #050508;
            --gold: #c2a364;
            --gold-soft: #e8d5a8;
            --text: rgba(232,232,235,0.92);
            --text-dim: rgba(220,220,225,0.65);
            --text-faint: rgba(200,200,210,0.42);
            --border: rgba(194,163,100,0.15);
        }
        * { box-sizing: border-box; margin: 0; padding: 0; }
        body {
            font-family: 'Inter', sans-serif;
            background: var(--bg);
            color: var(--text);
            line-height: 1.7;
            -webkit-font-smoothing: antialiased;
            min-height: 100vh;
        }
        a { color: var(--gold-soft); text-decoration: none; }
        a:hover { text-decoration: underline; }

        .bg {
            position: fixed; inset: 0; z-index: -1; pointer-events: none;
            background:
                radial-gradient(ellipse at 15% 15%, rgba(0,158,197,0.06), transparent 40%),
                radial-gradient(ellipse at 85% 8%, rgba(194,163,100,0.08), transparent 38%),
                linear-gradient(180deg, var(--bg) 0%, #070810 100%);
        }

        header {
            border-bottom: 1px solid var(--border);
            padding: 12px 32px;
        }
        .header-inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            max-width: 1280px;
            margin: 0 auto;
        }
        .wordmark { display: flex; align-items: center; transition: opacity 0.25s; }
        .wordmark:hover { opacity: 0.85; }
        .wordmark img { height: 60px; width: auto; display: block; }
        .back {
            font-size: 13px;
            color: var(--text-dim);
            letter-spacing: 0.8px;
            text-transform: uppercase;
        }

        main {
            max-width: 800px;
            margin: 0 auto;
            padding: 80px 32px 100px;
        }
        h1 {
            font-family: 'Space Grotesk', sans-serif;
            font-size: 44px;
            font-weight: 600;
            color: #fff;
            letter-spacing: -0.02em;
            margin-bottom: 14px;
        }
        .lede {
            font-size: 16px;
            color: var(--text-dim);
            margin-bottom: 48px;
            padding-bottom: 28px;
            border-bottom: 1px solid var(--border);
        }
        h2 {
            font-family: 'Space Grotesk', sans-serif;
            font-size: 20px;
            font-weight: 600;
            color: var(--gold-soft);
            letter-spacing: -0.01em;
            margin: 40px 0 14px;
        }
        h2:first-of-type { margin-top: 0; }
        p { margin-bottom: 14px; color: var(--text); font-size: 15.5px; }
        ul { margin: 0 0 14px 24px; }
        li { margin-bottom: 6px; color: var(--text); font-size: 15.5px; }
        .callout {
            border: 1px solid var(--border);
            background: rgba(194,163,100,0.04);
            padding: 18px 22px;
            border-radius: 6px;
            margin: 20px 0 28px;
        }
        .callout p { margin: 0; font-size: 14.5px; color: var(--text-dim); }

        footer {
            text-align: center;
            padding: 40px 32px;
            border-top: 1px solid var(--border);
            color: var(--text-faint);
            font-size: 13px;
        }