/* Brand lockup, product-of line and article pages (loaded after landing.css) */
.logo span { display: grid; line-height: 1.1; }
.logo small { font-size: 11px; font-weight: 700; color: var(--muted); letter-spacing: .02em; }
.product-of { margin: 0; color: var(--muted); font-weight: 600; }
.product-of a { color: var(--ink); font-weight: 800; }
.article { max-width: 780px; margin: 0 auto; padding: 48px 16px 24px; }
.article h1 { font-size: clamp(30px, 5vw, 46px); margin-bottom: 14px; }
.article h2 { font-size: 24px; margin: 34px 0 10px; text-align: left; }
.article p, .article li { color: var(--muted); }
.article ul, .article ol { padding-left: 22px; }
.article li { margin: 8px 0; }
.article a { color: #c01877; font-weight: 700; }
.article a.btn.solid { color: #fff; }
.crumbs { font-size: 14px; color: var(--muted); margin-bottom: 18px; }
.crumbs a { color: var(--muted); font-weight: 600; }