.proof-hero { padding: 86px 0 66px; border-bottom: 1px solid var(--line); }
.proof-hero-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .5fr); gap: 64px; align-items: end; }
.proof-hero h1 { max-width: 820px; }
.live-stamp { padding: 22px 0 4px 24px; border-left: 1px solid var(--line-strong); color: var(--muted); }
.live-stamp strong { display: flex; align-items: center; gap: 10px; color: var(--text); font-size: 15px; }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 6px rgba(119,212,176,.08); }
.live-stamp span { display: block; margin-top: 10px; font-size: 13px; }
.comparison-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.comparison-card { min-height: 230px; padding: 26px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.016); }
.comparison-card .label { color: var(--blue); font: 700 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .12em; text-transform: uppercase; }
.metric-shift { display: flex; align-items: baseline; gap: 11px; margin-top: 36px; }
.metric-shift .before { color: var(--dim); font-size: 28px; font-weight: 590; }
.metric-shift .arrow { color: var(--blue); font-size: 20px; }
.metric-shift .after { color: var(--text); font-size: clamp(40px,4.6vw,58px); font-weight: 650; letter-spacing: -.05em; line-height: .9; }
.comparison-card p { margin: 18px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.delta { display: inline-block; margin-top: 12px; color: var(--green); font: 700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(300px,.7fr); gap: 24px; }
.panel { border: 1px solid var(--line); background: rgba(255,255,255,.016); }
.panel-head { display: flex; justify-content: space-between; gap: 24px; align-items: start; padding: 24px 26px; border-bottom: 1px solid var(--line); }
.panel-head h3 { font-size: 20px; }
.panel-head span { color: var(--dim); font: 650 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace; text-transform: uppercase; letter-spacing: .08em; }
.chart-wrap { padding: 28px 26px 18px; }
.chart { display: block; width: 100%; height: auto; overflow: visible; }
.chart-grid line { stroke: rgba(178,205,255,.12); stroke-width: 1; }
.chart-area { fill: url(#areaFill); }
.chart-line { fill: none; stroke: #78c7ff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.chart-point { fill: #06101f; stroke: #78c7ff; stroke-width: 3; }
.chart-label { fill: #a9b9d3; font: 11px ui-monospace,SFMono-Regular,Menlo,monospace; }
.chart-value { fill: #f3f7ff; font: 700 12px ui-monospace,SFMono-Regular,Menlo,monospace; }
.chart-caption { display: flex; justify-content: space-between; gap: 24px; padding: 0 26px 24px; color: var(--dim); font-size: 12px; }
.status-list { list-style: none; padding: 0; margin: 0; }
.status-list li { padding: 21px 24px; border-bottom: 1px solid var(--line); }
.status-list li:last-child { border-bottom: 0; }
.status-row { display: flex; justify-content: space-between; gap: 14px; align-items: center; }
.status-row strong { font-size: 14px; }
.status-pill { padding: 5px 8px; border: 1px solid rgba(230,193,124,.28); color: var(--amber); font: 700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing: .07em; text-transform: uppercase; }
.status-pill.live { border-color: rgba(119,212,176,.28); color: var(--green); }
.status-list p { margin: 9px 0 0; color: var(--muted); font-size: 13px; line-height: 1.55; }
.truth-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.truth-card { min-height: 270px; padding: 32px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.truth-card h3 { font-size: 25px; }
.truth-card ul { margin: 24px 0 0; padding-left: 18px; color: var(--muted); }
.truth-card li + li { margin-top: 12px; }
.source-state { color: var(--muted); font-size: 12px; }
.source-state.live { color: var(--green); }
.source-state.pending { color: var(--amber); }
.metric-note { margin-top: 22px; color: var(--dim); font-size: 12px; line-height: 1.6; }
@media(max-width:900px){.proof-hero-grid,.dashboard-grid{grid-template-columns:1fr}.comparison-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.comparison-grid,.truth-grid{grid-template-columns:1fr}.proof-hero{padding:66px 0 52px}.metric-shift .after{font-size:48px}.chart-caption{display:block}.chart-caption span{display:block;margin-top:5px}}