@font-face { font-family: Archivo; src: url(vendor/archivo.woff2) format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #fff; color: #000; font: 500 1.05rem/1.55 Archivo, system-ui, sans-serif; padding: clamp(1.25rem, 4vw, 3rem); }
header { display: flex; justify-content: space-between; font-weight: 900; margin-bottom: 4rem; }
header nav { display: flex; gap: 1.2rem; }
a { color: #000; }
a:hover { background: #000; color: #fff; text-decoration: none; }
main { max-width: 40rem; }
h1 { font-weight: 900; font-size: clamp(2rem, 5vw, 3.2rem); line-height: 1; margin-bottom: 2rem; letter-spacing: -.02em; }
h2 { font-weight: 900; font-size: 1.2rem; margin: 2.2rem 0 .6rem; }
p, li { margin-bottom: .7rem; }
ul { padding-left: 1.2rem; }
strong { font-weight: 900; }
footer { margin-top: 5rem; font-weight: 900; font-size: .9rem; }