:root{--bg: #0a0a0a;--bg-surface: #141414;--bg-elevated: #1a1a1a;--border: #262626;--border-light: #333;--text: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #22d3ee;--accent-hover: #06b6d4;--accent-dim: rgba(34, 211, 238, .1);--success: #10b981;--fail: #ef4444;--max-width: 1200px;--font-sans: "Inter", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;font-size:16px}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}img{max-width:100%}img:not([height]){height:auto}code{font-family:var(--font-mono);font-size:.9em}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}section{padding:80px 0}@media(max-width:768px){section{padding:48px 0}}h1,h2,h3,h4{font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:3.5rem}h2{font-size:2.25rem}h3{font-size:1.5rem}@media(max-width:768px){h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}.section-title{text-align:center;margin-bottom:48px}.section-title h2{margin-bottom:12px}.section-title p{color:var(--text-secondary);font-size:1.1rem;max-width:640px;margin:0 auto}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:500;border:none;cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.btn-primary{background:var(--accent);color:#0a0a0a}.btn-primary:hover{background:var(--accent-hover);color:#0a0a0a}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--text-secondary)}.install-block{display:flex;align-items:center;gap:12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-family:var(--font-mono);font-size:.9rem}.install-block .prefix{color:var(--text-muted);user-select:none}.install-block code{color:var(--accent);flex:1}.copy-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:color .15s;font-size:1rem}.copy-btn:hover{color:var(--text)}.copy-btn.copied{color:var(--success)}.table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:8px}table{width:100%;border-collapse:collapse;font-size:.9rem}thead{background:var(--bg-surface)}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}tr:last-child td{border-bottom:none}.pass{color:var(--success);font-weight:600}.fail{color:var(--fail)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:32px;transition:border-color .15s}.card:hover{border-color:var(--border-light)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:0}.tab{padding:10px 20px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;font-family:var(--font-mono);border-bottom:2px solid transparent;transition:all .15s}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-panel{display:none}.tab-panel.active{display:block}.proof-hero{margin-top:32px;text-align:center}.proof-hero figure{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;max-width:600px;margin:0 auto}.proof-hero img{width:100%;display:block}.proof-hero figcaption{padding:12px 16px;font-size:.85rem;color:var(--text-secondary)}.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}@media(max-width:768px){.proof-grid{grid-template-columns:1fr}}.proof-grid figure{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.proof-grid img{width:100%;display:block}.proof-grid figcaption{padding:12px 16px;font-size:.85rem;color:var(--text-secondary);text-align:center}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:32px 24px;display:flex;flex-direction:column}.pricing-card.featured{border-color:var(--accent);position:relative}.pricing-card .tier-name{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px}.pricing-card .price{font-size:2rem;font-weight:700;margin-bottom:4px}.pricing-card .price-note{font-size:.85rem;color:var(--text-muted);margin-bottom:24px}.pricing-card ul{list-style:none;flex:1;margin-bottom:24px}.pricing-card li{padding:6px 0;font-size:.9rem;color:var(--text-secondary)}.pricing-card li:before{content:"✓ ";color:var(--success)}.badge-coming{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:4px;background:var(--accent-dim);color:var(--accent);font-weight:500}.email-form{display:flex;gap:8px;max-width:440px}.email-form input[type=email]{flex:1;padding:12px 16px;border-radius:8px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text);font-size:.95rem;font-family:var(--font-sans);outline:none;transition:border-color .15s}.email-form input[type=email]:focus{border-color:var(--accent)}.email-form input[type=email]::placeholder{color:var(--text-muted)}.success-msg{color:var(--success);font-size:.95rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:step}@media(max-width:768px){.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.steps{grid-template-columns:1fr}}.step{counter-increment:step;position:relative;padding:24px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px}.step:before{content:counter(step);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accent-dim);color:var(--accent);font-size:.85rem;font-weight:600;margin-bottom:12px}.step h4{margin-bottom:8px;font-size:1rem}.step p{font-size:.85rem;color:var(--text-secondary)}.patch-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:24px}.patch-list span{font-size:.85rem;color:var(--text-secondary);padding:6px 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px}
