:root{--color-bg: #0f1117;--color-bg-secondary: #1a1d27;--color-bg-tertiary: #242836;--color-text: #e4e4e7;--color-text-muted: #a1a1aa;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-border: #2e3348;--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--radius: 8px;--radius-lg: 12px;--max-width: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.header{border-bottom:1px solid var(--color-border);padding:1rem 0}.nav{display:flex;align-items:center;gap:2rem}.nav__logo{font-size:1.25rem;font-weight:700;color:var(--color-text)}.nav__search{flex:1;max-width:300px}.nav__links{display:flex;gap:1.5rem;margin-left:auto}.nav__links a{color:var(--color-text-muted);font-size:.9rem}.nav__links a:hover{color:var(--color-text)}.footer{border-top:1px solid var(--color-border);padding:2rem 0;margin-top:3rem;text-align:center}.footer__text{color:var(--color-text-muted);font-size:.85rem}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .2s}.card:hover{border-color:var(--color-accent)}.btn{display:inline-block;padding:.625rem 1.25rem;background:var(--color-accent);color:#fff;border-radius:var(--radius);font-weight:500;font-size:.9rem;transition:background .2s}.btn:hover{background:var(--color-accent-hover);color:#fff}.btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text)}.btn--secondary:hover{background:var(--color-border)}.btn--small{padding:.375rem .75rem;font-size:.8rem}.badge{display:inline-block;padding:.25rem .75rem;background:var(--color-bg-tertiary);border-radius:9999px;font-size:.75rem;color:var(--color-text-muted)}.grid{display:grid;gap:1.5rem}.grid--2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid--3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid--4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.hero{padding:4rem 0;text-align:center;border-bottom:1px solid var(--color-border)}.hero__title{font-size:3rem;font-weight:800;margin-bottom:1rem;line-height:1.1}.hero__subtitle{font-size:1.25rem;color:var(--color-text-muted);max-width:600px;margin:0 auto 2rem}.hero__stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem}.stat__number{display:block;font-size:2rem;font-weight:700;color:var(--color-accent)}.stat__label{font-size:.85rem;color:var(--color-text-muted)}.section{padding:3rem 0}.section__title{font-size:1.75rem;margin-bottom:1.5rem}.page-header{padding:3rem 0;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);margin-bottom:2rem}.page-header__breadcrumb{display:flex;gap:.5rem;font-size:.85rem;color:var(--color-text-muted);margin-bottom:1rem}.page-header__breadcrumb a{color:var(--color-text-muted)}.comparison-table{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin:1.5rem 0}.comparison-row{display:grid;grid-template-columns:200px 1fr 1fr;border-bottom:1px solid var(--color-border)}.comparison-row:last-child{border-bottom:none}.comparison-row--header{background:var(--color-bg-tertiary);font-weight:600}.comparison-cell{padding:1rem;font-size:.9rem}.comparison-cell--label{font-weight:600;background:var(--color-bg-tertiary)}.prose h2{font-size:1.5rem;margin:2rem 0 1rem}.prose h3{font-size:1.25rem;margin:1.5rem 0 .75rem}.prose p{color:var(--color-text-muted);line-height:1.8;margin-bottom:1rem}.prose ul,.prose ol{color:var(--color-text-muted);padding-left:1.5rem;margin-bottom:1rem}.prose li{margin-bottom:.5rem;line-height:1.7}.prose a{color:var(--color-accent)}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0}.prose th,.prose td{padding:.75rem;border:1px solid var(--color-border);text-align:left;font-size:.9rem}.prose th{background:var(--color-bg-tertiary);font-weight:600}.prose hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.prose em{color:var(--color-text-muted);font-style:italic}@media(max-width:768px){.hero__title{font-size:2rem}.nav__links{display:none}.nav__search{max-width:200px}.comparison-row{grid-template-columns:1fr}.comparison-cell--label{font-size:.85rem}}