@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root { --ink:#17261d; --paper:#f4f0e8; --pale:#e5e9d7; --line:#cbd0ba; --lime:#d2f25f; --red:#ee6556; --amber:#f5b84b; --green:#4f9f65; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",sans-serif; } header { padding:64px max(24px,calc((100vw - 1200px)/2)); border-bottom:1px solid var(--line); background:radial-gradient(circle at 78% 42%,#d6e9ab 0,transparent 25%),var(--pale); } .eyebrow,.panel-title,.trace>p,.findings>p,.fineprint { font:500 11px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; } .eyebrow { margin:0 0 19px; color:#60725d; } h1 { margin:0; font:600 clamp(42px,7vw,88px)/.94 Fraunces,serif; letter-spacing:-.06em; } .subhead { max-width:580px; margin:27px 0 0; font-size:17px; line-height:1.5; } main { display:grid; grid-template-columns:minmax(350px,.88fr) minmax(500px,1.4fr); max-width:1200px; margin:auto; min-height:650px; } .panel { padding:32px; } .intake { border-right:1px solid var(--line); background:#edf0e3; } .panel-title { display:flex; gap:12px; align-items:center; margin-bottom:28px; } .panel-title span { display:grid; width:24px;height:24px;place-items:center;color:#edf0e3;background:var(--ink);border-radius:50%; } label { display:block; margin:0 0 19px; font-size:12px; font-weight:600; } input,textarea { display:block; width:100%; margin-top:7px; padding:11px 12px; color:var(--ink); background:#fbfaf5; border:1px solid var(--line); border-radius:2px; font:14px "DM Sans",sans-serif; } textarea { min-height:116px; resize:vertical; line-height:1.45; } .grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; } button { width:100%; border:0; padding:15px 18px; background:var(--ink); color:white; font:600 14px "DM Sans",sans-serif; cursor:pointer; } button:hover { background:#2a4232; } button:disabled { opacity:.7; cursor:wait; } button span { float:right; font-size:20px; line-height:13px; } .fineprint { color:#647063; line-height:1.55; text-transform:none; letter-spacing:0; } .decision { background:#fbfaf5; } .empty { color:#748071; padding:50px 0; font:500 17px/1.5 Fraunces,serif; } .status-row { display:flex; justify-content:space-between; gap:18px; padding-bottom:24px; border-bottom:1px solid var(--line); } .status-label { margin:0 0 4px; color:#68766a; font:11px "DM Mono",monospace; text-transform:uppercase; } h2 { margin:0;font:600 48px/.95 Fraunces,serif;letter-spacing:-.04em; } h2.blocker { color:var(--red); } h2.clear { color:var(--green); } h2.review { color:#a36a10; } .one-line { max-width:430px;margin:12px 0 0;line-height:1.45; } .confidence { min-width:110px;text-align:right; } .confidence strong { display:block;font:600 28px Fraunces,serif; } .confidence small { color:#68766a; font-size:10px; } .trace,.findings { margin-top:26px; }.trace>p,.findings>p { color:#68766a; }.trace div { display:grid;grid-template-columns:35px 1fr;padding:8px 0;border-bottom:1px solid #e5e5da;font-size:13px; }.trace span { color:#84917f;font:11px "DM Mono",monospace; }.finding { margin:12px 0;padding:17px;border:1px solid var(--line);border-left:5px solid var(--green);background:white; }.finding.blocker{border-left-color:var(--red)}.finding.review{border-left-color:var(--amber)}.finding-top{display:flex;gap:8px;align-items:center;font:10px "DM Mono",monospace;text-transform:uppercase}.finding-top span{padding:4px 6px;background:#e7f3e8;color:#347446}.finding.blocker .finding-top span{background:#ffe0dc;color:#9e3027}.finding.review .finding-top span{background:#fff1d5;color:#96620a}.finding-top time{margin-left:auto;color:#68766a}.finding h3{margin:12px 0 3px;font-size:16px}.finding p{margin:0 0 15px;font-size:13px;line-height:1.4}.evidence,.remediation{margin-top:8px;padding:8px 10px;background:#f0f3ea;font-size:12px;line-height:1.4}.remediation{background:#fff8e9}.evidence b,.remediation b{display:block;margin-bottom:2px;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.error{padding:20px;color:#a53025;border:1px solid #f0aaa3;background:#fff0ee}@media(max-width:780px){header{padding:42px 24px}main{grid-template-columns:1fr}.intake{border-right:0;border-bottom:1px solid var(--line)}.panel{padding:24px}.status-row{display:block}.confidence{text-align:left;margin-top:20px}}