.report-mockup{color:var(--ink);font-family:var(--font-sans);margin-left:auto;max-width:620px;perspective:1200px;position:relative;width:100%}.report-stack-back,.report-stack-mid{background:#fff;border:1px solid var(--rule-soft);border-radius:4px;box-shadow:0 1px 0 rgba(0,0,0,.02);inset:0;position:absolute}.report-stack-back{background:#f5f0e2;transform:translate(18px,22px) rotate(1.4deg);z-index:1}.report-stack-mid{background:#fbf8f1;transform:translate(8px,11px) rotate(.6deg);z-index:2}.report-page{aspect-ratio:.78;background:#fff;border:1px solid var(--rule-mid);border-radius:4px;box-shadow:0 28px 60px -28px rgba(24,20,12,.18),0 8px 16px -8px rgba(24,20,12,.08);display:flex;flex-direction:column;gap:18px;padding:28px 30px 24px;position:relative;z-index:3}.report-header{align-items:flex-start;border-bottom:1px solid var(--rule-soft);display:flex;gap:16px;justify-content:space-between;padding-bottom:14px}.report-logo{align-items:center;color:var(--gold-deep);display:flex;font-family:var(--font-display);font-size:13px;font-weight:600;gap:8px;letter-spacing:.06em}.report-logo-img{display:block;height:14px;width:auto}.report-doctype{color:var(--ink-3);font-size:10px;letter-spacing:.18em;margin-top:4px;text-transform:uppercase}.report-meta{color:var(--ink-3);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;line-height:1.7;text-align:right}.report-title-block{display:flex;flex-direction:column;gap:6px}.report-eyebrow{color:var(--gold-deep);font-size:9.5px;font-weight:600;letter-spacing:.22em}.report-title{font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.018em;line-height:1.1;margin:0}.report-summary{color:var(--ink-2);font-size:11.5px;line-height:1.55;margin:4px 0 0}.report-stat-row{border-bottom:1px solid var(--rule-soft);border-top:1px solid var(--rule-soft);display:grid;gap:10px;grid-template-columns:repeat(4,1fr);padding:14px 0}.stat-value{color:var(--ink);font-family:var(--font-display);font-size:26px;font-weight:500;letter-spacing:-.025em;line-height:1}.stat-fail .stat-value{color:var(--status-fail)}.stat-warn .stat-value{color:var(--status-warn)}.stat-label{letter-spacing:.16em}.report-section-label,.stat-label{color:var(--ink-3);font-size:9px;margin-top:4px;text-transform:uppercase}.report-section-label{font-weight:600;letter-spacing:.22em}.report-bars{display:flex;flex-direction:column;gap:8px}.bar-row{align-items:center;display:grid;font-size:11px;gap:10px;grid-template-columns:56px 1fr 24px}.bar-label{color:var(--ink-2)}.bar-track{background:#f5f0e2;border-radius:1px;height:6px;overflow:hidden;position:relative}.bar-fill{height:100%;transition:width 1s var(--ease-out)}.bar-fail{background:var(--status-fail)}.bar-warn{background:var(--status-warn)}.bar-ink{background:var(--ink)}.bar-muted{background:var(--ink-3);opacity:.4}.bar-count{color:var(--ink-2);font-size:10px;text-align:right}.report-findings{border-top:1px solid var(--rule-soft);display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.finding{align-items:flex-start;border-bottom:1px solid var(--rule-soft);display:grid;gap:10px;grid-template-columns:22px 1fr;padding:10px 0}.finding-sev{align-items:center;border-radius:2px;color:#fff;display:flex;font-family:var(--font-display);font-size:10px;font-weight:600;height:18px;justify-content:center;width:18px}.finding-fail{background:var(--status-fail)}.finding-warn{background:var(--status-warn);color:var(--ink)}.finding-title{color:var(--ink);font-size:12px;font-weight:500;line-height:1.3}.finding-meta{color:var(--ink-3);font-size:9.5px;letter-spacing:.04em;margin-top:2px}.finding-meta .mono{color:var(--ink-2)}.report-footer{align-items:center;border-top:1px solid var(--rule-soft);color:var(--ink-3);display:flex;font-size:9px;justify-content:space-between;letter-spacing:.18em;margin-top:auto;padding-top:14px;text-transform:uppercase}.report-footer-right{align-items:center;display:flex;gap:8px}.report-eyes{color:var(--gold-deep);display:inline-flex}.report-footer .muted{color:var(--ink-3);opacity:.7}.report-float{background:#fff;border:1px solid var(--rule-mid);border-radius:4px;box-shadow:0 14px 30px -10px rgba(24,20,12,.18);padding:14px 16px;position:absolute;width:220px;z-index:4}.report-float-tl{left:-56px;top:60px}.report-float-br{bottom:80px;right:-56px;width:230px}.float-eyebrow{color:var(--ink-3);font-size:9px;font-weight:600;letter-spacing:.22em;margin-bottom:12px}.float-bars{background:#f5f0e2;border-radius:1px;display:flex;height:8px;margin-bottom:12px;overflow:hidden}.float-bars .seg{display:block;height:100%}.float-bars .seg-fail{background:var(--status-fail)}.float-bars .seg-warn{background:var(--status-warn)}.float-bars .seg-ink{background:var(--ink)}.float-bars .seg-mute{background:var(--ink-3);opacity:.4}.float-legend{color:var(--ink-2);display:grid;font-size:10px;gap:6px 10px;grid-template-columns:1fr 1fr}.float-legend i.dot{display:inline-block;height:6px;margin-right:6px;vertical-align:1px;width:6px}.float-legend i.fail{background:var(--status-fail)}.float-legend i.warn{background:var(--status-warn)}.float-legend i.ink{background:var(--ink)}.float-legend i.mute{background:var(--ink-3);opacity:.4}.float-list{color:var(--ink);display:flex;flex-direction:column;font-size:11.5px;gap:8px;list-style:none;margin:0;padding:0}.float-list li{align-items:baseline;border-bottom:1px solid var(--rule-soft);display:flex;gap:10px;padding-bottom:8px}.float-list li:last-child{border-bottom:none;padding-bottom:0}.float-list .num{color:var(--gold-deep);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;min-width:14px}@media (max-width:1080px){.report-mockup{margin:0 auto;max-width:560px}.report-float-tl{left:-20px;top:40px}.report-float-br{bottom:40px;right:-20px}}@media (max-width:720px){.report-float{display:none}.report-page{padding:22px 22px 18px}.report-stat-row{gap:6px;grid-template-columns:repeat(4,1fr)}.stat-value{font-size:22px}}