body { font-family: system-ui, -apple-system, sans-serif; background: #0a0a0f; color: #e2e8f0; line-height: 1.7; margin: 0; } .container { max-width: 1000px; margin: 0 auto; padding: 40px 20px; } h1 { font-size: 2rem; margin-bottom: 16px; color: #f1f5f9; } h2 { font-size: 1.4rem; margin: 32px 0 16px; color: #f1f5f9; border-bottom: 1px solid #1e293b; padding-bottom: 8px; } h3 { font-size: 1.1rem; margin: 24px 0 12px; color: #cbd5e1; } p { margin-bottom: 16px; color: #94a3b8; } a { color: #818cf8; text-decoration: none; } a:hover { text-decoration: underline; } .stats { display: flex; gap: 24px; flex-wrap: wrap; margin: 24px 0; } .stat { background: #12121a; padding: 16px 24px; border-radius: 8px; } .stat-value { font-size: 1.5rem; font-weight: 700; color: #818cf8; } .stat-label { font-size: 0.875rem; color: #64748b; } table { width: 100%; border-collapse: collapse; margin: 16px 0; } th, td { text-align: left; padding: 12px; border-bottom: 1px solid #1e293b; } th { color: #94a3b8; font-weight: 600; } code { background: #1e1e2e; padding: 2px 6px; border-radius: 4px; font-size: 0.875rem; color: #e2e8f0; } pre { background: #1e1e2e; padding: 16px; border-radius: 8px; overflow-x: auto; } .field-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; } .field { background: #1e1e2e; padding: 6px 12px; border-radius: 4px; font-family: monospace; font-size: 0.875rem; color: #e2e8f0; } .breadcrumb { margin-bottom: 24px; font-size: 0.875rem; color: #64748b; } .breadcrumb a { color: #64748b; } .breadcrumb a:hover { color: #818cf8; } .cta { background: linear-gradient(135deg, #1e1e2e 0%, #12121a 100%); padding: 32px; border-radius: 12px; margin-top: 40px; border: 1px solid #2d2d3d; } .cta h2 { border: none; margin-top: 0; } .cta-buttons { display: flex; gap: 16px; margin-top: 24px; flex-wrap: wrap; } .btn { display: inline-block; padding: 12px 24px; border-radius: 8px; font-weight: 600; text-decoration: none; } .btn-primary { background: #818cf8; color: #0a0a0f; } .btn-primary:hover { background: #6366f1; text-decoration: none; } .btn-secondary { background: transparent; color: #818cf8; border: 1px solid #818cf8; } .btn-secondary:hover { background: #818cf8; color: #0a0a0f; text-decoration: none; } ul.feature-list { list-style: none; padding: 0; margin: 16px 0; } ul.feature-list li { padding: 8px 0; padding-left: 24px; position: relative; color: #94a3b8; } ul.feature-list li:before { content: ""; position: absolute; left: 0; top: 14px; width: 8px; height: 8px; background: #818cf8; border-radius: 50%; } footer { margin-top: 48px; padding-top: 24px; border-top: 1px solid #1e293b; color: #64748b; font-size: 0.875rem; } ul.comparison-list { columns: 2; list-style: none; padding: 0; } ul.comparison-list li { margin-bottom: 12px; }