:root{
  --paper:#f1eee7;
  --ink:#10100f;
  --muted:#6c6962;
  --line:#bdb8ad;
  --red:#e43d30;
  --green:#b7ff4a;
  --blue:#2c5cff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
.top{height:72px;border-bottom:1px solid var(--ink);display:flex;align-items:center;padding:0 4vw;gap:34px;position:sticky;top:0;background:rgba(241,238,231,.94);backdrop-filter:blur(10px);z-index:10}
.wordmark{font-size:25px;font-weight:900;letter-spacing:-1.5px;margin-right:auto}
.wordmark span{color:var(--red)}
nav{display:flex;gap:24px;font:12px "Courier New",monospace;text-transform:uppercase}
nav a:hover{text-decoration:underline}
.top-button{background:var(--ink);color:var(--paper);padding:11px 16px;font:12px "Courier New",monospace;text-transform:uppercase}
.hero{min-height:690px;padding:8vw 7vw 5vw;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--ink);background:
linear-gradient(90deg,transparent 49.9%,rgba(16,16,15,.08) 50%,transparent 50.1%)}
.eyebrow{font:11px "Courier New",monospace;letter-spacing:1.5px}
.hero h1{font-size:clamp(64px,11vw,165px);line-height:.82;letter-spacing:-.075em;margin:0;font-weight:900}
.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}
.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end}
.hero-bottom p{max-width:520px;font-size:18px;line-height:1.45;margin:0}
.arrow{justify-self:end;font:13px "Courier New",monospace;text-transform:uppercase;border-bottom:2px solid var(--ink);padding-bottom:5px}
.rule-grid{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ink)}
.rule-grid div{min-height:120px;padding:20px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.rule-grid div:last-child{border-right:0}
.rule-grid b{font:11px "Courier New",monospace}
.rule-grid span{font-size:12px;font-weight:800}
.checker{padding:100px 7vw;border-bottom:1px solid var(--ink)}
.section-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:40px}
.section-head p{margin:0;max-width:390px;font-size:17px;line-height:1.4}
.tabs{display:flex;border-bottom:1px solid var(--ink);margin-bottom:0}
.tab{border:0;background:none;padding:15px 22px 15px 0;margin-right:25px;font:13px "Courier New",monospace;text-transform:uppercase;cursor:pointer}
.tab.active{font-weight:900;border-bottom:4px solid var(--red)}
.input-row{display:flex;border-bottom:2px solid var(--ink);margin-top:25px}
.input-row input{flex:1;min-width:0;border:0;background:transparent;padding:20px 0;font:32px Georgia,serif;outline:0}
.input-row button{border:0;background:var(--red);color:#fff;padding:0 28px;font:13px "Courier New",monospace;text-transform:uppercase;cursor:pointer}
.fineprint{font:11px "Courier New",monospace;color:var(--muted);padding-top:12px}
.hidden{display:none!important}
.loading{padding:40px 0;font:13px "Courier New",monospace}
.loading span{display:inline-block;width:5px;height:5px;background:var(--red);margin-left:4px;animation:blink 1s infinite}
.loading span:nth-child(3){animation-delay:.2s}.loading span:nth-child(4){animation-delay:.4s}
@keyframes blink{50%{opacity:.15}}
.error{margin-top:30px;border:1px solid var(--red);padding:18px;font:13px "Courier New",monospace}
.results{margin-top:45px}
.result-head{display:flex;justify-content:space-between;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:16px 0;font:12px "Courier New",monospace;text-transform:uppercase}
.profile-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}
.profile{display:grid;grid-template-columns:1fr auto;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}
.profile small{display:block;font:11px "Courier New",monospace;color:var(--muted);margin-top:5px}
.badge{font:10px "Courier New",monospace;padding:6px 8px;background:var(--green)}
.badge.no{background:#dedbd3}
.evidence{margin-top:35px;padding:25px;background:#e7e3da}
.evidence h3{margin:0 0 10px;font-size:15px}
.evidence a{display:inline-block;margin:6px 8px 0 0;padding:8px 10px;background:var(--paper);font:11px "Courier New",monospace;text-decoration:underline}
.domain-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.domain-cell{padding:22px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.domain-cell b{font:11px "Courier New",monospace;text-transform:uppercase}
.domain-cell strong{display:block;font-size:30px;margin-top:18px}
.domain-cell p{font:12px "Courier New",monospace;color:var(--muted);word-break:break-word}
.statement{padding:120px 7vw;display:grid;grid-template-columns:1fr 4fr;gap:4vw;border-bottom:1px solid var(--ink);background:var(--green)}
.big-mark{font:110px Georgia,serif;line-height:.5}
.statement p{font:clamp(32px,5vw,70px);line-height:.95;letter-spacing:-.05em;margin:0;max-width:1000px}
.guides{padding:100px 7vw;border-bottom:1px solid var(--ink)}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.guide-grid article{padding:28px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:210px}
.guide-grid span{font:11px "Courier New",monospace;color:var(--red)}
.guide-grid h3{font-size:25px;margin:25px 0 10px;letter-spacing:-.03em}
.guide-grid p{font-size:14px;line-height:1.5;color:#4f4d48;max-width:500px}
.response{padding:75px 7vw;display:grid;grid-template-columns:1fr 2fr 1fr;gap:5vw;align-items:start;border-bottom:1px solid var(--ink);background:#111;color:#f1eee7}
.response-label{font:11px "Courier New",monospace;color:var(--green)}
.response h2{font-size:45px;letter-spacing:-.05em;margin:0 0 15px}
.response p{color:#bbb8b0;line-height:1.5;margin:0}
.steps{display:flex;flex-direction:column;gap:8px;font:11px "Courier New",monospace;text-transform:uppercase}
.steps span{border-bottom:1px solid #444;padding-bottom:8px}
footer{padding:25px 4vw;display:flex;justify-content:space-between;font:10px "Courier New",monospace;text-transform:uppercase;color:var(--muted)}
@media(max-width:800px){
 nav{display:none}.top{padding:0 20px}.hero{padding:60px 22px;min-height:600px}.hero-bottom{grid-template-columns:1fr}.arrow{justify-self:start}
 .rule-grid{grid-template-columns:1fr 1fr}.rule-grid div:nth-child(2){border-right:0}.rule-grid div{border-bottom:1px solid var(--line)}
 .checker,.guides{padding:65px 22px}.section-head{display:block}.section-head p{margin-top:15px}.tabs{overflow:auto}.tab{white-space:nowrap}
 .input-row input{font-size:24px}.input-row button{padding:0 15px}.profile-list,.guide-grid{grid-template-columns:1fr}.domain-grid{grid-template-columns:1fr 1fr}
 .statement{padding:70px 22px;grid-template-columns:1fr}.big-mark{font-size:70px}.response{grid-template-columns:1fr;padding:55px 22px}.response h2{font-size:34px}footer{display:block;line-height:2.2}
}