@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root { color-scheme: dark; font-family: "Manrope", sans-serif; background: #07100d; color: #f1f5eb; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
a { color: inherit; }
.shell { width: min(800px, calc(100% - 36px)); margin: 0 auto; }
header { border-bottom: 1px solid rgba(219,244,226,.13); }
header .shell { min-height: 72px; display: flex; align-items: center; justify-content: space-between; }
.brand { text-decoration: none; font-size: 18px; font-weight: 800; letter-spacing: -.04em; }
.brand span { color: #d9ff55; }
header nav { display: flex; gap: 20px; color: #96a69f; font: 10px "DM Mono", monospace; }
main { padding: 82px 0 110px; }
.kicker { color: #d9ff55; font: 10px "DM Mono", monospace; letter-spacing: .14em; }
h1 { margin: 18px 0 12px; font-size: clamp(3rem, 8vw, 5.6rem); line-height: .98; letter-spacing: -.07em; }
.effective { color: #76877e; font: 10px "DM Mono", monospace; }
.lede { margin: 34px 0 55px; color: #acbbb3; font-size: 18px; line-height: 1.7; }
article { border-top: 1px solid rgba(219,244,226,.13); padding: 26px 0; }
h2 { font-size: 20px; margin: 0 0 12px; }
p, li { color: #96a69f; font-size: 14px; line-height: 1.75; }
footer { border-top: 1px solid rgba(219,244,226,.13); padding: 28px 0; color: #687970; font: 9px "DM Mono", monospace; }