:root { --ink:#171914; --paper:#f2efe5; --acid:#d9ff43; --rust:#c94d2d; --line:#a7a697; --muted:#62645b; --mono:"IBM Plex Mono","Courier New",monospace; --serif:Georgia,"Times New Roman",serif; }
* { box-sizing:border-box; }
html { background:var(--ink); }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Arial,Helvetica,sans-serif; min-height:100vh; }
a { color:inherit; }
.site-header { min-height:78px; padding:0 4vw; border-bottom:1px solid var(--ink); display:flex; align-items:center; justify-content:space-between; }
.wordmark { font:700 24px/1 var(--mono); text-decoration:none; letter-spacing:-2px; }.wordmark span { color:var(--rust); }
nav { display:flex; gap:28px; font:12px/1 var(--mono); text-transform:uppercase; letter-spacing:.08em; } nav a { text-decoration:none; padding:10px 0; } nav a[aria-current] { border-bottom:3px solid var(--rust); }
.hero { padding:7vw 6vw 5vw; border-bottom:1px solid var(--ink); position:relative; overflow:hidden; }.hero::after { content:"DL"; position:absolute; right:-.03em; bottom:-.3em; font:700 25vw/1 var(--mono); color:rgba(23,25,20,.05); pointer-events:none; }
.eyebrow,.panel-label,.section-number { font:700 11px/1.4 var(--mono); text-transform:uppercase; letter-spacing:.13em; color:var(--rust); }
h1 { margin:.3em 0 .35em; max-width:950px; font:400 clamp(48px,8vw,112px)/.86 var(--serif); letter-spacing:-.055em; }.lede { max-width:670px; font:18px/1.55 var(--mono); }
.verify-grid { display:grid; grid-template-columns:minmax(320px,.85fr) minmax(380px,1.15fr); }.panel { padding:48px 5vw 64px; border-right:1px solid var(--ink); }.panel:last-child { border-right:0; }
label { display:block; margin:30px 0 8px; font:700 13px/1.4 var(--mono); }label span { color:var(--muted); font-weight:400; }
input,textarea { width:100%; border:1px solid var(--ink); border-radius:0; background:#faf8f0; padding:14px; color:var(--ink); font:14px/1.5 var(--mono); }textarea { resize:vertical; }
button,.button-link { display:inline-block; margin-top:24px; border:1px solid var(--ink); background:var(--acid); color:var(--ink); padding:15px 20px; font:700 12px/1 var(--mono); text-transform:uppercase; text-decoration:none; cursor:pointer; box-shadow:5px 5px 0 var(--ink); }button:disabled { opacity:.55; }.form-note { color:var(--muted); font:11px/1.6 var(--mono); }
.result-panel { background:#e7e2d4; }.empty-state { margin-top:80px; font:40px/1.1 var(--serif); }.empty-state span { color:var(--muted); font:14px/1.5 var(--mono); }.status-line { display:flex; justify-content:space-between; align-items:center; margin:28px 0; gap:20px; font:700 12px/1 var(--mono); }.status { padding:10px; border:1px solid; background:#fff; }.status[data-state="verified"] { background:var(--acid); }.status[data-state="mismatch"],.status[data-state="pack_not_current"] { background:#ffb09a; }.status-copy { font:22px/1.35 var(--serif); }.receipt-facts { border-top:1px solid var(--line); }.receipt-facts dt { margin-top:20px; color:var(--muted); font:11px/1 var(--mono); text-transform:uppercase; }.receipt-facts dd { margin:7px 0; overflow-wrap:anywhere; }pre { white-space:pre-wrap; overflow-wrap:anywhere; background:var(--ink); color:#eef2df; padding:16px; font:12px/1.6 var(--mono); }h2 { font:400 31px/1.1 var(--serif); }details { border-top:1px solid var(--line); padding:16px 0; }summary { cursor:pointer; font:12px/1 var(--mono); text-transform:uppercase; }
.prose-shell { display:grid; grid-template-columns:280px 1fr; max-width:1280px; margin:auto; }.prose-shell aside { padding:70px 35px; border-right:1px solid var(--ink); }.prose-shell aside ol { list-style:none; padding:20px 0; font:12px/2.4 var(--mono); }.prose { padding:70px clamp(35px,8vw,130px); }.prose h1 { font-size:clamp(55px,8vw,100px); }.prose section { position:relative; padding:55px 0; border-top:1px solid var(--line); }.prose section p { max-width:760px; font:19px/1.7 var(--serif); }.section-number { position:absolute; right:0; top:60px; }.code-block { max-width:760px; }
.benchmark-hero { background:var(--acid); }.score-grid { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--ink); }.score-grid article { padding:55px 4vw; border-right:1px solid var(--ink); }.score-grid article:last-child { border:0; }.score-grid article>span { font:70px/1 var(--serif); color:var(--rust); }.score-grid p { font:16px/1.65 var(--serif); }.manifest { padding:60px 6vw; }.manifest dl { display:grid; grid-template-columns:repeat(4,1fr); }.manifest dt { font:11px var(--mono); text-transform:uppercase; }.manifest dd { margin:8px 0; font:30px var(--serif); }
footer { min-height:100px; padding:30px 4vw; background:var(--ink); color:var(--paper); display:flex; justify-content:space-between; align-items:center; font:11px/1.5 var(--mono); text-transform:uppercase; }
@media (max-width:760px) { .site-header { align-items:flex-start; padding-top:22px; flex-direction:column; }.site-header nav { width:100%; justify-content:space-between; gap:10px; }.hero { padding:70px 24px; }.verify-grid,.prose-shell,.score-grid { grid-template-columns:1fr; }.panel,.prose-shell aside,.score-grid article { border-right:0; border-bottom:1px solid var(--ink); }.panel { padding:38px 24px; }.prose-shell aside { padding:35px 24px; }.prose { padding:50px 24px; }.manifest { padding:45px 24px; }.manifest dl { grid-template-columns:1fr 1fr; gap:25px; }footer { gap:20px; align-items:flex-start; flex-direction:column; } }