:root{color-scheme:light;--paper:#F5F4FA;--sheet:#FFFFFF;--ink:#15112A;--graphite:#4D4863;--muted:#615B78;--line:#D5D0E6;--accent:#6B3DF0}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Archivo","Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
.bar{padding:18px clamp(16px,4vw,48px);border-bottom:1px solid var(--line);background:var(--sheet)}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}
.brand svg{width:40px;height:18px;color:var(--accent)}
.brand span{font-weight:800;font-stretch:125%;font-size:21px;letter-spacing:-.025em}
.brand em{font:600 10.5px/1 "IBM Plex Mono",ui-monospace,Menlo,monospace;font-style:normal;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);padding:4px 6px;border:1px solid currentColor}
main{max-width:760px;margin-inline:auto;padding:clamp(40px,6vw,72px) clamp(16px,4vw,48px)}
.eyebrow{margin:0 0 10px;font:500 12px/1 "IBM Plex Mono",ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
h1{margin:0;font-weight:800;font-stretch:112%;font-size:clamp(34px,5vw,52px);line-height:1;letter-spacing:-.03em}
.date{margin:12px 0 28px;color:var(--muted);font-size:15px}
h2{margin:32px 0 8px;font-weight:700;font-stretch:106%;font-size:21px}
p,li{color:var(--graphite)}
ul{padding-left:20px}
li{margin:6px 0}
strong{color:var(--ink)}
.foot{display:flex;gap:20px;justify-content:center;padding:28px 16px 40px;border-top:1px solid var(--line);font-size:15px}