:root{--bg: #ffffff;--bg-soft: #fafaf9;--bg-elev: #ffffff;--text: #0a0a0a;--text-muted: #6b6b6b;--text-subtle: #8a8a8a;--border: #e7e5e4;--border-strong: #d6d3d1;--accent: #0a0a0a;--accent-contrast: #ffffff;--code-bg: #f5f5f4;--code-var: #b45309;--code-heading: #1d4ed8;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06);--radius: 10px;--radius-lg: 14px}@media(prefers-color-scheme:dark){:root{--bg: #0a0a0a;--bg-soft: #111111;--bg-elev: #141414;--text: #fafafa;--text-muted: #a1a1aa;--text-subtle: #71717a;--border: #1f1f1f;--border-strong: #2a2a2a;--accent: #fafafa;--accent-contrast: #0a0a0a;--code-bg: #0f0f0f;--code-var: #fbbf24;--code-heading: #60a5fa;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 12px 40px rgba(0, 0, 0, .5)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.nav{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:22px 24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em;font-size:17px}.brand img{display:block}.nav-links{display:flex;gap:28px;font-size:14.5px;color:var(--text-muted)}.nav-links a:hover{color:var(--text)}@media(max-width:560px){.nav-links a:not(:last-child){display:none}}.hero{max-width:860px;margin:80px auto 56px;padding:0 24px;text-align:center}.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.05;letter-spacing:-.03em;font-weight:650;margin:0 0 20px}.lede{font-size:clamp(16px,2vw,19px);color:var(--text-muted);max-width:620px;margin:0 auto 32px}.cta{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:var(--radius);font-size:15px;font-weight:500;border:1px solid transparent;transition:transform .06s ease,background .15s ease,border-color .15s ease;white-space:nowrap;cursor:pointer}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 88%,transparent)}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-soft)}.btn-icon{display:inline-flex;align-items:center;justify-content:center}.btn-icon:empty{display:none}.btn-icon svg{width:16px;height:16px;display:block}.cta-sub{margin:16px 0 0;font-size:13.5px;color:var(--text-subtle)}.screenshot{max-width:1040px;margin:24px auto 96px;padding:0 24px}.screenshot-stage{position:relative;display:block;width:100%;aspect-ratio:1024 / 768;background:transparent;border:0;padding:0;cursor:pointer}.screenshot-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}.screenshot-img.is-active{opacity:1}@media(prefers-reduced-motion:reduce){.screenshot-img{transition:none}}.features{max-width:1040px;margin:0 auto;padding:16px 24px 96px}.features h2{font-size:clamp(26px,3.5vw,36px);letter-spacing:-.02em;font-weight:650;text-align:center;margin:0 0 48px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:880px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.grid{grid-template-columns:1fr}}.feature{padding:22px 22px 24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elev)}.feature h3{margin:0 0 8px;font-size:16px;font-weight:600;letter-spacing:-.01em}.feature p{margin:0;color:var(--text-muted);font-size:14.5px;line-height:1.55}.diff-showcase{max-width:1040px;margin:0 auto;padding:16px 24px 96px;text-align:center}.diff-showcase h2{font-size:clamp(26px,3.5vw,36px);letter-spacing:-.02em;font-weight:650;margin:0 0 12px}.diff-lede{color:var(--text-muted);max-width:56ch;margin:0 auto 32px}.diff-image{display:block;width:100%;max-width:1040px;margin:0 auto;height:auto}code,kbd{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.88em}kbd{display:inline-block;padding:1px 6px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;background:var(--bg-soft);color:var(--text);font-size:.8em;line-height:1.4;margin:0 1px}.feature code{background:var(--code-bg);padding:1px 5px;border-radius:4px;color:var(--code-var)}.download{max-width:1040px;margin:0 auto;padding:16px 24px 120px;text-align:center}.download h2{font-size:clamp(26px,3.5vw,36px);letter-spacing:-.02em;font-weight:650;margin:0 0 8px}.download-sub{color:var(--text-muted);margin:0 0 36px}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:780px;margin:0 auto 28px}@media(max-width:640px){.download-grid{grid-template-columns:1fr}}.dl-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elev);transition:border-color .15s ease,transform .06s ease,background .15s ease}.dl-card:hover{border-color:var(--border-strong);background:var(--bg-soft)}.dl-card[data-recommended=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.dl-icon{width:32px;height:32px;margin-bottom:6px;color:var(--text);flex-shrink:0}.dl-os{font-size:17px;font-weight:600;letter-spacing:-.01em}.dl-variant{font-size:13px;color:var(--text-muted)}.download-meta{font-size:14px;color:var(--text-muted)}.download-meta a:hover{color:var(--text)}.footer{border-top:1px solid var(--border);margin-top:24px}.footer-inner{max-width:1100px;margin:0 auto;padding:28px 24px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-muted)}.footer-inner nav{display:flex;gap:20px}.footer-inner a:hover{color:var(--text)}@media(max-width:480px){.footer-inner{flex-direction:column;gap:10px}}.compare-index,.compare-article{max-width:760px;margin:64px auto 96px;padding:0 24px}.compare-index h1,.compare-article h1{font-size:clamp(32px,5vw,52px);letter-spacing:-.03em;font-weight:650;line-height:1.08;margin:0 0 16px}.compare-eyebrow{margin:0 0 16px;font-size:14px;color:var(--text-muted)}.compare-eyebrow a:hover{color:var(--text)}.compare-list{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:12px}.compare-list a{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elev);transition:border-color .15s ease,background .15s ease}.compare-list a:hover{border-color:var(--border-strong);background:var(--bg-soft)}.compare-vs{font-weight:600;letter-spacing:-.01em}.compare-tagline{color:var(--text-muted);font-size:14px}.muted{color:var(--text-muted)}.prose{color:var(--text);font-size:16.5px;line-height:1.7}.prose h2{font-size:22px;letter-spacing:-.015em;font-weight:650;margin:40px 0 12px}.prose h3{font-size:18px;font-weight:600;margin:28px 0 8px}.prose p{margin:0 0 14px;color:var(--text-muted)}.prose strong{color:var(--text)}.prose ul,.prose ol{margin:0 0 16px;padding-left:22px;color:var(--text-muted)}.prose li{margin:4px 0}.prose li strong{color:var(--text)}.prose code{background:var(--code-bg);padding:1px 6px;border-radius:4px;font-size:.9em}.prose blockquote{margin:16px 0;padding:2px 16px;border-left:3px solid var(--border-strong);color:var(--text-muted);font-style:italic}.prose a{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-strong)}.prose a:hover{text-decoration-color:var(--text)}
