*{box-sizing:border-box}
body{margin:0;background:#05070f;color:#c9c9d6;font:17px/1.7 "Instrument Sans",system-ui,sans-serif}
a{color:#ffc27a}
.bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid rgba(190,200,235,.16);font-size:15px}
.bar a{text-decoration:none;color:#f1eee6}.bar .home{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk",sans-serif;font-weight:500}
main{padding:0 max(16px,env(safe-area-inset-left,0px))}
article{max-width:680px;margin:0 auto;padding:64px 0 72px}
.eyebrow{font:500 11px/1.4 "IBM Plex Mono",monospace;letter-spacing:.2em;text-transform:uppercase;color:#ffc27a;margin:0 0 14px}
h1{font:500 clamp(34px,5vw,52px)/1.05 "Space Grotesk",sans-serif;letter-spacing:-.03em;color:#f1eee6;margin:0 0 18px;text-wrap:balance}
h2{font:500 24px/1.2 "Space Grotesk",sans-serif;color:#f1eee6;margin:40px 0 10px}
.lede{font-size:20px;color:#d8d7e2;margin:0 0 10px}
.by{font:12px/1.5 "IBM Plex Mono",monospace;color:#9aa1bb;padding-bottom:28px;border-bottom:1px solid rgba(190,200,235,.16);margin-bottom:28px}
strong{color:#f1eee6;font-weight:600}
li{margin-bottom:6px}
.cta{margin-top:56px;padding:24px;border:1px solid rgba(190,200,235,.16);border-radius:6px;background:#0f1427}
.cta h2{margin-top:0}
footer{padding:28px max(16px,env(safe-area-inset-left,0px));border-top:1px solid rgba(190,200,235,.16);text-align:center;font-size:15px}
.small{font-size:14px;color:#9aa1bb;margin-top:32px}
ul{padding-left:20px}
