@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap');

:root { --ink:#112823; --green:#12372f; --lime:#c8f16a; --orange:#ff6a43; --paper:#f7f4ec; --line:#d3d6ce; --muted:#66746f; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: #d8ddd8; font-family: "Manrope", sans-serif; }
.sample-banner { position: sticky; top: 0; z-index: 4; display: flex; gap: 22px; justify-content: center; padding: 9px; color: white; background: #e64d2a; font: 500 10px "DM Mono", monospace; letter-spacing: .12em; text-align: center; }
.sample-banner h1 { margin: 0; font: inherit; text-transform: uppercase; }
.sample-banner a { color: white; font-weight: 500; text-underline-offset: 3px; }
.report { padding: 35px 0 70px; }
.page { position: relative; width: min(1120px, calc(100vw - 30px)); min-height: 790px; margin: 0 auto 28px; padding: 42px 54px 34px; background: var(--paper); box-shadow: 0 12px 35px rgba(20,45,38,.14); }
.page > header { display: grid; grid-template-columns: 38px 1fr auto; gap: 12px; align-items: center; padding-bottom: 15px; border-bottom: 1px solid var(--line); font: 500 9px "DM Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.page > header > span { color: var(--orange); }
.page > header small { color: var(--muted); }
.page-title { display: flex; justify-content: space-between; gap: 50px; margin: 50px 0 36px; }
.page-title p, .cover-center p, .copy-block > span, .handoff-grid span, .end-note span { margin: 0 0 10px; color: var(--orange); font: 500 9px "DM Mono", monospace; letter-spacing: .1em; }
.page-title h2 { max-width: 750px; margin: 0; font-size: 40px; line-height: 1.06; letter-spacing: -.05em; }
.page > footer { position: absolute; right: 54px; bottom: 27px; left: 54px; display: flex; justify-content: space-between; padding-top: 12px; border-top: 1px solid var(--line); color: #84918c; font: 400 8px "DM Mono", monospace; }
.cover { display: flex; flex-direction: column; color: white; background: var(--green); }
.cover::after { content:""; position:absolute; top:0; right:0; width:38%; height:100%; background: linear-gradient(135deg, transparent 0 49%, rgba(200,241,106,.92) 49.2% 50%, transparent 50.2%), linear-gradient(45deg, transparent 0 70%, rgba(255,106,67,.9) 70.2% 71%, transparent 71.2%); opacity:.8; }
.report-brand { display: flex; align-items: center; gap: 10px; position: relative; z-index:1; font-weight:700; }
.mark { display:grid; grid-template-columns:repeat(3,5px); align-items:end; gap:3px; width:21px; height:22px; padding:3px; background:white; }
.mark i { display:block; width:5px; background:var(--green); }
.mark i:nth-child(1){height:7px}.mark i:nth-child(2){height:12px}.mark i:nth-child(3){height:16px}
.cover-center { position: relative; z-index:1; max-width:720px; margin:auto 0; }
.cover-center p { color:var(--lime); }
.cover-center .sample-client { margin:18px 0 24px; font-size:72px; line-height:.93; letter-spacing:-.065em; }
.cover-center .sample-deck { max-width:660px; margin:0; color:#bdcbc6; font-size:18px; line-height:1.6; font-weight:400; }
.cover-meta { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; max-width:720px; background:#3d5e56; }
.cover-meta div { display:grid; gap:5px; padding:18px; background:#1c433a; }
.cover-meta span, .confidential { color:#91aaa2; font:400 8px "DM Mono",monospace; text-transform:uppercase; }
.cover-meta b { font-size:12px; }
.confidential { position:absolute; bottom:32px; right:54px; writing-mode:vertical-rl; }
.big-score { display:grid; place-content:center; flex:0 0 130px; height:130px; border:8px solid var(--lime); border-left-color:#dfe4d9; border-radius:50%; text-align:center; }
.big-score strong { font-size:42px; line-height:1; }
.big-score span { font:400 8px "DM Mono",monospace; }
.finding-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.finding-grid article { min-height:200px; padding:23px; border-top:4px solid; background:white; }
.finding-grid article.red{border-color:var(--orange)}.finding-grid article.amber{border-color:#f0b743}.finding-grid article.green{border-color:#47a97f}
.finding-grid span,.intent-grid span,.priority-callout span,.action-list div span { font:500 8px "DM Mono",monospace; letter-spacing:.08em; }
.finding-grid h3 { margin:25px 0 12px; font-size:18px; line-height:1.2; }
.finding-grid p { color:var(--muted); font-size:11px; line-height:1.65; }
.decision { display:grid; grid-template-columns:180px 1fr; gap:20px; margin-top:18px; padding:18px 22px; color:white; background:var(--green); }
.decision span { color:var(--lime); font:500 8px "DM Mono",monospace; }
.decision p { margin:0; font-size:12px; }
.method-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); }
.method-cards > div { padding:24px; background:white; }
.method-cards b { display:block; margin-bottom:10px; color:var(--orange); font-size:38px; }
.method-cards span { display:block; margin-bottom:12px; font-weight:700; }
.method-cards p { color:var(--muted); font-size:11px; }
table { width:100%; margin-top:24px; border-collapse:collapse; background:white; font-size:10px; }
th { color:var(--muted); font:500 8px "DM Mono",monospace; text-align:left; text-transform:uppercase; }
th,td { padding:12px 14px; border-bottom:1px solid var(--line); }
.limit-box { display:grid; grid-template-columns:130px 1fr; gap:20px; margin-top:22px; padding:18px; border-left:3px solid var(--orange); background:#fff0e9; }
.limit-box b { font:500 8px "DM Mono",monospace; }
.limit-box p { margin:0; color:var(--muted); font-size:10px; }
.bars { display:grid; gap:15px; padding:24px; background:white; }
.bars > div { display:grid; grid-template-columns:170px 1fr 65px; align-items:center; gap:16px; font-size:11px; }
.bars i { height:10px; background:#e1e5de; }
.bars em { display:block; width:var(--bar); height:100%; background:#98aaa4; }
.bars .highlight em { background:var(--orange); }
.bars b { font:500 9px "DM Mono",monospace; text-align:right; }
.subhead { margin:30px 0 14px; font-size:14px; }
.intent-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); }
.intent-grid > div { padding:18px; background:white; }
.intent-grid b { display:block; margin:12px 0; font-size:25px; }
.intent-grid p { margin:0; color:var(--muted); font-size:9px; line-height:1.5; }
.annotation { margin-top:20px; padding:14px 18px; color:#40504b; background:#edf0e8; font-size:10px; }
.report-table-wrap { max-width:100%; overflow-x:auto; }
.report-table-wrap:focus-visible { outline:3px solid var(--lime); outline-offset:3px; }
.source-table { min-width:620px; }
.source-table td { padding-top:15px; padding-bottom:15px; }
.source-table td b,.source-table td small { display:block; }
.source-table td small { margin-top:4px; color:var(--muted); }
.source-table .yes { color:#19835f }.source-table .mid{color:#a06d00}.source-table .no{color:#d24d2d}
.priority-callout { margin-top:28px; padding:25px 28px; color:white; background:var(--green); }
.priority-callout span { color:var(--lime); }
.priority-callout h3 { margin:13px 0 8px; font-size:22px; }
.priority-callout p { margin:0; color:#b7c8c2; font-size:11px; }
.action-list { border-top:1px solid var(--line); }
.action-list article { display:grid; grid-template-columns:45px 1fr 70px; gap:18px; align-items:start; padding:15px 0; border-bottom:1px solid var(--line); }
.action-list article > b { color:#b8c0bc; font:500 16px "DM Mono",monospace; }
.action-list h3 { margin:4px 0 5px; font-size:14px; }
.action-list p { margin:0; color:var(--muted); font-size:9px; }
.action-list em { padding:6px 8px; color:var(--green); background:var(--lime); font:500 8px "DM Mono",monospace; text-align:center; font-style:normal; }
.copy-block { padding:24px 28px; border-left:4px solid var(--orange); background:white; }
.copy-block p { margin:0; font-size:16px; line-height:1.7; }
.handoff-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:20px; }
.handoff-grid article { padding:20px; background:#ecefe9; }
.handoff-grid h3 { margin:15px 0; font-size:16px; }
.handoff-grid ul { display:grid; gap:8px; margin:0; padding-left:15px; color:var(--muted); font-size:9px; }
.end-note { display:grid; grid-template-columns:120px 1fr; gap:20px; margin-top:20px; padding:16px 20px; color:white; background:var(--green); }
.end-note span { color:var(--lime); }
.end-note p { margin:0; font-size:10px; }
@media (max-width:700px){.sample-banner{display:grid;gap:4px}.page{padding:30px 24px;min-height:auto}.page>footer{position:static;margin-top:30px}.cover-center .sample-client{font-size:48px}.cover-meta,.finding-grid,.method-cards,.intent-grid,.handoff-grid{grid-template-columns:1fr}.page-title{display:block}.big-score{margin-top:25px}.bars>div{grid-template-columns:100px 1fr 50px}.confidential{display:none}}
@page { size: 8.5in 11in; margin: 0; }
@media print { body{background:white}.sample-banner{display:none}.report{padding:0}.page{width:8.5in;height:11in;min-height:0;margin:0;padding:.42in .52in .34in;box-shadow:none;break-after:page}.page:last-child{break-after:auto}.page>footer{right:.52in;bottom:.25in;left:.52in}.cover{height:11in} }