:root { color-scheme: light; --ink:#0b241d; --paper:#f5f2e9; --blue:#1769ff; --line:#bfd0ca; --lime:#c7f23a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
header { position:sticky; top:0; z-index:5; display:flex; justify-content:space-between; align-items:center; padding:22px max(5vw,28px); background:rgba(245,242,233,.95); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
a { color:inherit; }
.brand { font-weight:900; letter-spacing:-.04em; text-decoration:none; }
nav { display:flex; gap:26px; }
nav a { text-decoration:none; font-weight:700; font-size:14px; }
main { width:min(1180px,90vw); margin:auto; }
section { padding:96px 0; border-bottom:1px solid var(--line); }
.hero { min-height:700px; display:grid; grid-template-columns:1.55fr .75fr; gap:70px; align-items:center; }
.eyebrow { color:var(--blue); font:700 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.14em; }
h1,h2,h3 { letter-spacing:-.055em; margin:0; }
h1 { max-width:820px; font-size:clamp(64px,8vw,112px); line-height:.88; }
h1 span { color:var(--blue); }
h2 { max-width:800px; font-size:clamp(46px,6vw,76px); line-height:.98; margin:26px 0 54px; }
h3 { font-size:25px; margin:26px 0 12px; }
.lede { max-width:780px; font-size:21px; line-height:1.55; margin:34px 0; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0 18px; }
.actions a { padding:16px 20px; border-radius:6px; text-decoration:none; font-weight:850; }
.primary { color:white; background:var(--ink); }
.secondary { background:#e4ebe8; }
.checksum { max-width:760px; overflow-wrap:anywhere; color:#754000; font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace; }
aside { padding:34px; color:white; background:var(--ink); border-radius:8px; box-shadow:16px 16px 0 var(--lime); }
aside strong { color:var(--lime); font:800 13px ui-monospace,SFMono-Regular,Consolas,monospace; }
dl div { margin-top:28px; }
dt { color:#7bdac3; font-size:11px; text-transform:uppercase; }
dd { margin:7px 0 0; font-size:17px; }
.grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
article { min-height:260px; padding:28px; background:#fff; border:1px solid var(--line); }
article span { color:var(--blue); font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace; }
article p,.limits p { font-size:17px; line-height:1.6; }
.limits { max-width:900px; }
footer { width:min(1180px,90vw); margin:auto; padding:38px 0 50px; font-size:13px; }
@media (max-width:850px) { header { position:static; } nav { display:none; } .hero { grid-template-columns:1fr; padding-top:70px; } .grid { grid-template-columns:1fr 1fr; } }
@media (max-width:520px) { main { width:min(92vw,1180px); } section { padding:70px 0; } h1 { font-size:56px; } .grid { grid-template-columns:1fr; } aside { box-shadow:9px 9px 0 var(--lime); } }