/* Redacted line identity, applied to the existing landing page layout. */
:root {
    --night: #0e1316;
    --deck: #1a2226;
    --fog: #a7b2b1;
    --mist: #eef0ef;
    --orange: #c0362c;
    --signal: #ff7a1a;
    --bg: var(--night);
    --surface: var(--deck);
    --surface-low: var(--night);
    --surface-high: #253035;
    --text-main: var(--mist);
    --text-secondary: var(--fog);
    --text-muted: var(--fog);
    --amber: var(--signal);
    --amber-bright: var(--mist);
    --amber-dim: var(--fog);
    --amber-glow: transparent;
    --amber-subtle: rgba(167, 178, 177, .12);
    --amber-particle: var(--fog);
    --border: rgba(167, 178, 177, .18);
    --border-strong: rgba(167, 178, 177, .3);
    --radius-control: 12px;
    --radius-panel: 18px;
}

body {
    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 400;
}

body::before { background: rgba(14, 19, 22, .88); }
body::after, .crt-overlay { display: none; }
#particle-canvas { opacity: .28; }
.fog-barrier {
    background: rgba(14, 19, 22, .92);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

h1, h2, h3, article h1, article h2, .scenario-title, .qs-title {
    font-family: 'Geist', sans-serif;
    font-weight: 300;
    letter-spacing: -.035em;
}
.hero h1, article h1 { font-weight: 200; letter-spacing: -.045em; }
.hero-desc, .hero-runtime, .section-sub { font-weight: 300; }

code, pre, textarea, .logo, .scenario-kicker, .scenario-title small,
.section-kicker, .qs-subtitle, .doc-kicker, .demo-label, .status-label,
.proof-value, .install-cmd, .copy-btn, .qs-more-kicker {
    font-family: 'Geist Mono', monospace;
    font-weight: 400;
}
.logo { text-transform: none; letter-spacing: 0; }
.logo-wordmark { display: block; width: 125px; height: auto; }
.hero-copy, .scenario-explorer { min-width: 0; }
.hero-badge { max-width: 100%; }

.hero h1 .token, .redact-token {
    display: inline-block;
    background: var(--orange);
    color: #fff;
    border-radius: 999px;
    text-shadow: none;
}
.hero h1 .token {
    padding: 0 .14em .04em;
    border-radius: .2em;
    line-height: 1;
}
.redact-token { padding: .08em .45em; }
.accent { text-shadow: none; }

nav .nav-primary, .hero-cta:not(.hero-cta--ghost) {
    background: var(--orange);
    border-color: var(--orange);
    color: #fff;
    font-weight: 400;
}
nav .nav-primary:hover, .hero-cta:not(.hero-cta--ghost):hover {
    background: #a83226;
    border-color: #a83226;
    color: #fff;
}
nav a.nav-github, nav .nav-primary, .hero-cta, .copy-btn,
.segmented, .segmented button, .runtime-tabs button { border-radius: 999px; }
.hero-cta--ghost { border-color: var(--border-strong); }
.hero-cta--ghost:hover { background: var(--deck); border-color: var(--fog); }
.hero-badge { border-color: var(--border-strong); color: var(--fog); }
.hero-badge:hover { border-color: var(--signal); color: var(--signal); }

.scenario-explorer, .qs-card, .proof-item, .runtime-panel, .qs-more,
.compare-table-wrap, .direction > div {
    background: var(--deck);
    box-shadow: none;
}
.scenario-explorer::before { display: none; }
.direction > div + div { background: var(--deck); }
.runtime-panel, .direction { border-radius: var(--radius-panel); }
.code-block, .demo-input, .demo-output, #demo-input, #demo-output {
    background: var(--night);
    border-color: var(--border-strong);
    border-radius: 12px;
    box-shadow: none;
}
#demo-output { color: var(--text-main); }
.code-copy { background: var(--deck); }
.demo-input:focus { box-shadow: none; border-color: var(--signal); }
.runtime-tabs button[aria-selected="true"],
.segmented button[aria-pressed="true"],
.runtime-tabs button[aria-pressed="true"] {
    background: rgba(167, 178, 177, .14);
    color: var(--mist);
}

.hero-splash { background: var(--fog); box-shadow: none; }
.scenario-kicker::before, .section-kicker::before, .doc-kicker::before,
.status-dot, .scenario-status-dot, .scenario-status-dot--running,
.scenario-status-dot--allow, .scenario-status-dot--redact,
.scenario-status-dot--deny, .doc-status-dot,
.doc-status--error .doc-status-dot { box-shadow: none; }
.compare-table .compare-us, .qs-more-text code, .compare-note code {
    background: rgba(167, 178, 177, .08);
}
.code-block pre::-webkit-scrollbar-thumb { background: var(--fog); }

/* The existing roadmap shares the same fonts and palette. */
article code { font-family: 'Geist Mono', monospace; background: var(--deck); }
article pre { background: var(--deck); border-color: var(--border); border-radius: 12px; }
article strong { font-weight: 500; }