@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap');

:root { font-family: 'DM Sans', system-ui, sans-serif; color: #0c2340; background: #f6f5f1; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #173a63; text-underline-offset: 4px; }
header { display: flex; max-width: 920px; align-items: center; justify-content: space-between; margin: 0 auto; padding: 24px; border-bottom: 1px solid rgba(12,35,64,.14); }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 700; text-decoration: none; }
.brand img { width: 32px; height: 38px; object-fit: contain; }
main { max-width: 760px; margin: 0 auto; padding: 90px 24px; }
.eyebrow { margin: 0 0 12px; color: #9a7000; font-size: .76rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
h1, h2 { font-family: 'Manrope', sans-serif; }
h1 { margin: 0; font-size: clamp(2.8rem, 8vw, 5.4rem); letter-spacing: -.06em; line-height: 1; }
.updated { margin: 20px 0 70px; color: #6b7380; }
section { padding: 29px 0; border-top: 1px solid rgba(12,35,64,.14); }
h2 { margin: 0 0 12px; font-size: 1.3rem; letter-spacing: -.025em; }
section p { margin: 0; color: #5f6a78; line-height: 1.7; }
footer { max-width: 920px; margin: 0 auto; padding: 28px 24px; border-top: 1px solid rgba(12,35,64,.14); color: #6b7380; font-size: .8rem; }