.quiet-link { color: var(--muted); font-size: 13px; text-underline-offset: 4px; }
.product-main { padding: 65px 0 50px; }
.product-main h1 { max-width: 900px; }
.product-lead { max-width: 770px; color: #4d6156; font-size: 19px; line-height: 1.8; }
.product-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin: 30px 0 55px; }
.action-link { display: inline-block; padding: 15px 23px; background: var(--ink); border-radius: 6px; text-decoration: none; color: var(--paper); font-size: 14px; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; padding: 35px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.feature-grid h2, .product-note h2, .document h2 { font: 400 28px/1.3 Georgia, serif; letter-spacing: -.5px; }
.feature-grid p, .product-note p, .document p, .document li { font-size: 15px; line-height: 1.8; color: #4d6156; }
.product-note { max-width: 820px; margin-top: 40px; }
footer nav { display: flex; flex-wrap: wrap; gap: 20px; }
footer a, .document a, .product-note a { color: var(--ink); text-underline-offset: 3px; }
.document { max-width: 810px; padding: 55px 0 65px; }
.document h1 { font-size: clamp(42px, 7vw, 65px); letter-spacing: -2px; }
.document h2 { margin-top: 32px; }
.document li { padding-left: 5px; margin: 10px 0; }
.document code { overflow-wrap: anywhere; font-size: .9em; }
.updated { color: var(--muted); font-size: 12px; }
@media(max-width: 800px) { .feature-grid { grid-template-columns: 1fr; gap: 18px; } .product-main { padding-top: 45px; } }
@media(max-width: 600px) { .masthead .quiet-link { font-size: 11px; } .product-lead { font-size: 17px; } .product-actions { margin-bottom: 35px; } }