: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}html{scroll-behavior:smooth;scroll-padding-top:80px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}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{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s ease,background .2s ease}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.nav{background:var(--bg);border-bottom-color:var(--border)}}.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:18px 24px}.brand{display:inline-flex;align-items:center;line-height:0}.brand-logo{display:block;height:28px;width:auto}.brand-logo-white{display:none}@media(prefers-color-scheme:dark){.brand-logo-color{display:none}.brand-logo-white{display:block}}.nav-links{display:flex;align-items:center;gap:24px;font-size:14.5px;color:var(--text-muted)}.nav-links a:hover{color:var(--text)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:var(--radius);background:var(--accent);color:var(--accent-contrast);font-weight:500;letter-spacing:-.005em;border:1px solid transparent;transition:background .15s ease,transform .06s ease,opacity .15s ease}.nav-links a.nav-cta:hover{background:color-mix(in srgb,var(--accent) 88%,transparent);color:var(--accent-contrast)}.nav-cta:active{transform:translateY(1px)}@media(max-width:560px){.nav-links a:not(.nav-cta){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:796px;margin:24px auto 96px;padding:0 24px}.screenshot-stage{position:relative;display:block;width:100%;aspect-ratio:1592 / 1212;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}}.screenshot-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:-30px}.screenshot-pill{font:inherit;font-size:13px;font-weight:500;line-height:1;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.screenshot-pill:hover{border-color:var(--border-strong);color:var(--text)}.screenshot-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.screenshot-pill.is-active{background:var(--text);border-color:var(--text);color:var(--bg)}.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:1025px;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%;margin:0 auto;height:auto}.palette-showcase{max-width:1025px;margin:0 auto;padding:16px 24px 96px}.palette-grid{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:40px;justify-content:center}.palette-media{display:block;justify-self:end}.palette-image{display:block;width:100%;max-width:420px;height:auto}.palette-copy{max-width:42ch}.palette-eyebrow{margin:0 0 12px;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}.palette-copy h2{font-size:clamp(26px,3.2vw,34px);letter-spacing:-.02em;font-weight:650;line-height:1.15;margin:0 0 16px}.palette-lede{color:var(--text-muted);margin:0 0 14px;font-size:16px;line-height:1.6}.palette-lede:last-child{margin-bottom:0}@media(max-width:820px){.palette-grid{grid-template-columns:1fr;gap:32px}.palette-copy{max-width:none;text-align:center;margin:0 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)}.footer-credit{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-strong);text-decoration-thickness:1px}.footer-credit:hover{text-decoration-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)}