:root {
    --accent: #B80F1A;
    --ink: #111114;
    --secondary: #6B6B70;
    --hairline: #F0F0F2;
}
* { box-sizing: border-box; }
body {
    margin: 0;
    background: #FFFFFF;
    color: var(--ink);
    font: 17px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 720px; margin: 0 auto; padding: 48px 16px 64px; }
header { display: flex; align-items: center; gap: 10px; margin-bottom: 40px; }
header a { color: var(--ink); text-decoration: none; font-weight: 600; font-size: 20px; }
.mark { width: 14px; height: 14px; border-radius: 7px; background: var(--accent); }
h1 { font-size: 40px; line-height: 1.1; margin: 0 0 16px; letter-spacing: -0.02em; }
h2 { font-size: 22px; margin: 36px 0 8px; }
p, li { color: #2A2A2E; }
.lead { font-size: 20px; color: var(--secondary); }
.card { border-radius: 24px; padding: 24px; box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 10px 26px rgba(0,0,0,.09); margin: 24px 0; }
.note { font-size: 14px; color: var(--secondary); }
footer { margin-top: 56px; padding-top: 16px; border-top: 1px solid var(--hairline); font-size: 14px; color: var(--secondary); }
footer a { color: var(--secondary); margin-right: 16px; }
a { color: var(--accent); }