:root { --ink:#111; --cream:#faf9f6; --paper:#fff; --oat:#dedbd6; --muted:#626260; --orange:#ff5600; --green:#166534; --red:#a61b1b; --amber:#8a4b08; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Saans,"Helvetica Neue",Arial,sans-serif; }
.site-header { min-height:64px; padding:16px clamp(20px,5vw,72px); display:flex; align-items:center; gap:32px; border-bottom:1px solid var(--oat); background:var(--paper); }
.brand { color:var(--ink); font-weight:700; text-decoration:none; }
nav { display:flex; gap:20px; }
nav a { color:var(--muted); text-decoration:none; }
nav a:hover { color:var(--ink); }
.privacy-note { margin-left:auto; color:var(--muted); font-size:13px; }
.hero { padding:clamp(56px,8vw,110px) clamp(20px,7vw,108px) 64px; max-width:1200px; }
.eyebrow,.panel-label { margin:0 0 14px; color:var(--orange); font:600 12px/1.2 ui-monospace,monospace; letter-spacing:.09em; text-transform:uppercase; }
h1,h2,h3 { margin:0; font-weight:400; letter-spacing:-.04em; line-height:1; }
h1 { max-width:900px; font-size:clamp(48px,7vw,84px); }
.lede { max-width:750px; margin:26px 0 0; color:var(--muted); font-size:clamp(19px,2.2vw,25px); line-height:1.35; }
.workspace { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); border-top:1px solid var(--oat); border-bottom:1px solid var(--oat); }
.input-panel,.output-panel { padding:clamp(28px,5vw,64px); }
.input-panel { background:var(--paper); border-right:1px solid var(--oat); }
.output-panel { align-self:start; position:sticky; top:0; }
.section-heading h2 { max-width:560px; font-size:clamp(30px,3.4vw,46px); }
.divider { margin-top:54px; padding-top:44px; border-top:1px solid var(--oat); }
.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:28px; }
.field { display:grid; gap:8px; margin-top:20px; font-size:14px; }
.field-grid .field { margin-top:0; }
.wide { grid-column:1/-1; }
input,select,textarea { width:100%; padding:13px 14px; border:1px solid #aaa69f; border-radius:4px; background:#fff; color:var(--ink); font:inherit; }
textarea { line-height:1.45; resize:vertical; }
input:focus,select:focus,textarea:focus { outline:3px solid color-mix(in srgb,var(--orange) 25%,transparent); border-color:var(--orange); }
.primary-button { margin-top:38px; padding:14px 18px; border:1px solid var(--ink); border-radius:4px; background:var(--ink); color:#fff; font:700 16px/1.2 inherit; cursor:pointer; transition:transform .14s,background .14s,color .14s; }
.primary-button:hover { background:#fff; color:var(--ink); transform:scale(1.04); }
.primary-button:active { transform:scale(.92); }
.primary-button:disabled { opacity:.55; transform:none; }
.fine-print,.progress,#statusLine { color:var(--muted); line-height:1.5; }
.fine-print { font-size:13px; }
.results { margin-top:28px; }
.decision,.result-card,.human-boundary,.human-line { margin-top:16px; padding:22px; border:1px solid var(--oat); border-radius:8px; background:var(--paper); }
.decision { border-left:6px solid var(--orange); font-size:18px; }
.decision.pursue { border-left-color:var(--green); }.decision.decline { border-left-color:var(--red); }.decision.pause,.decision.needs,.decision.needs-human-check { border-left-color:var(--amber); }
.result-card h3 { margin-bottom:18px; font-size:24px; }
.result-card ul { margin:0; padding:0; list-style:none; }
.result-card li { padding:16px 0; border-top:1px solid var(--oat); }
.result-card li:first-child { padding-top:0; border-top:0; }
.result-card p { line-height:1.5; }
.result-card q { display:block; padding:10px 12px; background:var(--cream); font-family:Georgia,serif; line-height:1.45; }
.result-card small { display:block; margin-top:7px; color:var(--muted); }
.item-head { display:flex; justify-content:space-between; gap:14px; }
.status { padding:4px 7px; border-radius:4px; background:var(--cream); font:600 11px/1 ui-monospace,monospace; text-transform:uppercase; }
.status.pass,.status.low { color:var(--green); }.status.fail,.status.high { color:var(--red); }.status.ambiguous,.status.medium { color:var(--amber); }
dl { margin:0; } dl div { display:grid; grid-template-columns:1fr 1.4fr; gap:16px; padding:11px 0; border-top:1px solid var(--oat); } dl div:first-child { border-top:0; } dt { color:var(--muted); text-transform:capitalize; } dd { margin:0; overflow-wrap:anywhere; }
.human-boundary { margin-top:30px; background:transparent; }.human-boundary p:last-child { margin-bottom:0; line-height:1.5; }
.human-line { border-color:var(--ink); line-height:1.5; }
.about-page { max-width:1080px; padding:clamp(64px,8vw,110px) clamp(20px,7vw,108px); }
.about-page > h2 { max-width:820px; font-size:clamp(38px,5vw,62px); }
.about-lede { max-width:760px; color:var(--muted); font-size:clamp(18px,2vw,23px); line-height:1.45; }
.about-section { margin-top:28px; padding:clamp(24px,4vw,42px); }
.about-section h3 { font-size:clamp(28px,3.2vw,42px); }
.about-section h3 + p { margin-top:22px; }
.about-section a { color:var(--ink); text-decoration-color:var(--orange); text-underline-offset:3px; }
.about-section .eyebrow { margin-bottom:12px; }
@media (max-width:896px) { .workspace { grid-template-columns:1fr; }.input-panel { border-right:0;border-bottom:1px solid var(--oat); }.output-panel { position:static; }.privacy-note { display:none; } }
@media (max-width:600px) { .site-header { gap:16px; }.site-header nav { margin-left:auto; }.field-grid { grid-template-columns:1fr; }.field-grid .field { grid-column:1; } .input-panel,.output-panel { padding:32px 20px; } dl div { grid-template-columns:1fr; gap:4px; } }