:root { color-scheme: light; }
body { margin:0; font-family: Inter, Arial, sans-serif; background:#f4f6f8; color:#17212b; }
.shell { max-width: 980px; margin: 0 auto; padding: 56px 24px; }
.eyebrow { text-transform: uppercase; letter-spacing: .08em; font-size: 12px; color:#5b6b7d; }
h1 { font-size: 42px; line-height: 1.1; margin: 8px 0 16px; max-width: 760px; }
.lead { font-size: 18px; line-height: 1.6; max-width: 720px; color:#425466; }
.grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin-top: 36px; }
article { background:#fff; border:1px solid #d9e1e8; border-radius:8px; padding:20px; box-shadow:0 1px 2px rgba(16,24,40,.04); }
h2 { margin:0 0 12px; font-size: 18px; }
ul { margin:0; padding-left:18px; line-height:1.8; }
p { margin:0; line-height:1.7; }