@charset "utf-8";

:root { --bg: #0e0f12; --card: #16181d; --card-2: #1c1f26; --line: #262a33; --text: #eef0f4; --muted: #9aa3b2; --accent: #f5b942; --accent-2: #6ee7b7; --neg: #ff7b7b; --pos: #6ee7b7; }

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

html, body { margin: 0px; padding: 0px; background: var(--bg); color: var(--text); font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }

.wrap { max-width: 720px; margin: 0px auto; padding: 20px 16px 64px; }

header { padding: 8px 4px 18px; }

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

h1 { font-size: 26px; line-height: 1.18; margin: 6px 0px 4px; font-weight: 700; letter-spacing: -0.01em; }

.sub { color: var(--muted); font-size: 14px; margin: 0px; }

.card { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 16px; margin: 14px 0px; }

.card h2 { font-size: 16px; margin: 0px 0px 12px; letter-spacing: 0.02em; }

.hero { background: linear-gradient(160deg, rgb(29, 32, 48) 0%, rgb(21, 23, 28) 100%); }

.big { display: flex; flex-direction: column; gap: 4px; padding: 6px 0px; }

.big .lbl { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; }

.big .val { font-size: 30px; font-weight: 700; letter-spacing: -0.01em; }

.big .val.accent { color: var(--accent); }

.big .val.green { color: var(--pos); }

.row { display: flex; gap: 10px; }

.row > .big { flex: 1 1 0%; min-width: 0px; }

table { width: 100%; border-collapse: collapse; font-size: 13.5px; }

th, td { padding: 10px 8px; text-align: left; border-bottom: 1px solid var(--line); white-space: nowrap; }

th { color: var(--muted); font-weight: 600; font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.08em; }

td.unit { font-weight: 700; }

td.num { font-variant-numeric: tabular-nums; }

.scroll { overflow-x: auto; margin: 0px -16px; padding: 0px 16px; }

.pill { display: inline-block; padding: 2px 7px; border-radius: 999px; font-size: 10.5px; font-weight: 600; letter-spacing: 0.04em; }

.pill.assume { background: rgba(245, 185, 66, 0.15); color: var(--accent); }

.pill.verified { background: rgba(110, 231, 183, 0.12); color: var(--pos); }

.kv { display: grid; grid-template-columns: 1fr auto; gap: 8px 14px; font-size: 14px; }

.kv .k { color: var(--muted); }

.kv .v { font-variant-numeric: tabular-nums; text-align: right; }

ul.notes { margin: 0px; padding-left: 18px; color: var(--muted); font-size: 13px; line-height: 1.55; }

ul.notes li { margin: 4px 0px; }

.callout { background: linear-gradient(160deg, rgb(28, 42, 34) 0%, rgb(20, 32, 26) 100%); border-color: rgb(35, 68, 54); }

.callout .val { color: var(--accent-2); }

.footer { color: var(--muted); font-size: 11.5px; text-align: center; margin-top: 26px; line-height: 1.5; }

a { color: var(--accent); text-decoration: none; }

.divider { height: 1px; background: var(--line); margin: 14px 0px; }

.step { display: flex; gap: 12px; align-items: flex-start; padding: 8px 0px; }

.step .num { flex: 0 0 26px; height: 26px; border-radius: 50%; background: rgba(245, 185, 66, 0.15); color: var(--accent); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; }

.step .body { flex: 1 1 0%; font-size: 14px; line-height: 1.5; }

.step .body b { color: var(--text); }

.step .body span { color: var(--muted); }

.arrow { color: var(--muted); padding: 0px 4px; }