:root { --sheet: #121417; --card: #1E2125; --white: #FFFFFF; --secondary: #A7ADB4; --caption: #91979E;
        --brand: #0C8346; --bright: #2FC26F; --meet: #FDCA37; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--sheet); color: var(--white); }
body { font-family: 'Nunito', system-ui, sans-serif; -webkit-font-smoothing: antialiased; display: flex; justify-content: center; }
main { width: 100%; max-width: 680px; padding: max(28px, env(safe-area-inset-top)) 20px max(40px, env(safe-area-inset-bottom)); }
.brand { display: flex; align-items: center; gap: 8px; text-decoration: none; color: var(--white); }
.wordmark { font-weight: 900; font-size: 26px; letter-spacing: -.02em; line-height: 1; }
.wordmark .i { position: relative; }
.wordmark .dot { position: absolute; left: 50%; top: .2em; width: .19em; height: .19em; margin-left: -.095em; border-radius: 50%; background: var(--meet); }
h1 { margin: 32px 0 6px; font-size: 33px; line-height: 1.08; font-weight: 900; letter-spacing: -.02em; }
.updated { margin: 0 0 20px; font-size: 14px; font-weight: 800; color: var(--caption); }
.summary { background: var(--card); border-radius: 24px; padding: 18px 20px; margin: 0 0 12px; }
.summary p, .summary li { color: var(--white); }
h2 { margin: 30px 0 8px; font-size: 12.5px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; color: var(--meet); }
h3 { margin: 18px 0 4px; font-size: 17px; font-weight: 900; }
p, li { font-size: 16px; font-weight: 800; line-height: 1.5; color: var(--secondary); }
p { margin: 0 0 12px; }
ul { margin: 0 0 12px; padding-left: 22px; }
li { margin-bottom: 6px; }
strong { color: var(--white); font-weight: 900; }
a { color: var(--bright); }
footer { margin-top: 36px; font-size: 14px; font-weight: 800; color: var(--caption); }
footer a { margin-right: 14px; }