.card {
    max-width: 700px;
}

h1 { font-size: 1.8rem; color: #1e293b; margin-bottom: 20px; }
h2 { font-size: 1.3rem; color: #334155; margin: 20px 0 12px; padding-top: 16px; border-top: 1px solid #e2e8f0; }
h3 { font-size: 1.1rem; color: #475569; margin: 16px 0 8px; }
p { color: #64748b; line-height: 1.8; margin-bottom: 12px; font-size: 0.95rem; }
ul { padding-left: 24px; color: #64748b; line-height: 1.8; margin-bottom: 12px; }
li { margin-bottom: 8px; }

.footer {
    max-width: 700px;
}

.feature-list { 
    display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); 
    gap: 12px; 
}

.feature-item { 
    background: #f8fafc; 
    padding: 12px; 
    border-radius: 12px; 
    text-align: center; 
}

.feature-icon { font-size: 24px; margin-bottom: 4px; }
.feature-name { font-size: 0.85rem; color: #334155; }