: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}@font-face{font-family:Honk Variable;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/honk-latin-full-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Noto Serif";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/noto-serif-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-palette-values --honk-light{font-family:Honk Variable;base-palette:0;override-colors:0 #0a0a0a,1 #0a0a0a,2 transparent,3 transparent,4 transparent,5 transparent,6 transparent,7 transparent}@keyframes honk-morph{0%,to{font-variation-settings:"MORF" 8,"SHLN" 0}50%{font-variation-settings:"MORF" 15,"SHLN" 0}}*{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;min-height:100dvh;display:flex;flex-direction:column}main{flex:1;display:flex;flex-direction:column}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-name{font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--text)}.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{width:100%;margin:0;padding:0 0 64px;text-align:center}.hero-reel{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 104px}.hero-reel video{display:block;width:100%;height:100%;aspect-ratio:16 / 9;max-height:440px;object-fit:cover;border-bottom:6px solid var(--text)}@media(min-width:701px){.hero-reel video+video{border-left:6px solid var(--text)}}@media(max-width:700px){.hero{display:flex;flex-direction:column;flex:1;padding-top:48px;padding-bottom:0}.hero-copy{margin-bottom:auto}.hero-reel{grid-template-columns:1fr;order:2;margin:72px 0 0}.hero-reel video:first-child{border-top:6px solid var(--text)}}.hero-copy{max-width:1100px;margin:0 auto;padding:0 24px}.hero-screenshot{display:block;width:100%;max-width:960px;height:auto;margin:24px auto 0}.hero h1{font-family:Honk Variable,system-ui;font-palette:--honk-light;font-variation-settings:"MORF" 8,"SHLN" 0;font-size:clamp(56px,9vw,110px);line-height:1;font-weight:400;margin:0 0 24px;display:inline-block;position:relative}.title-row{display:block}.title-letter{display:inline-block;animation:honk-morph 4s ease-in-out infinite}.title-beta{position:absolute;top:calc(.22em - 7px);left:0;right:0;text-align:center;margin:0;font-family:"Noto Serif",Georgia,Times New Roman,serif;font-size:.18em;font-weight:700;line-height:1;color:var(--text)}.beta-letter{display:inline-block;animation-name:beta-wiggle;animation-duration:var(--dur, 2.8s);animation-delay:var(--delay, 0s);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes beta-wiggle{0%,to{transform:translateY(calc(var(--amp, .14em) * -1)) rotate(var(--rot, 0deg))}50%{transform:translateY(var(--amp, .14em)) rotate(calc(var(--rot, 0deg) * -1))}}@media(prefers-reduced-motion:reduce){.beta-letter{animation:none}}.title-row+.title-row{margin-top:-.47em}@media(prefers-reduced-motion:reduce){.title-letter{animation:none}}@media(max-width:700px){.hero h1{font-size:calc(22.5vw - 11px)}}.lede{font-size:clamp(16px,2vw,19px);color:var(--text-muted);max-width:620px;margin:0 auto 32px}.cta{display:inline-flex;justify-content:center;gap:12px;flex-wrap:wrap}@media(max-width:640px){.cta{display:flex;flex-direction:column;width:100%;max-width:420px;margin:0 auto}.cta .btn{width:100%}}.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{background:var(--text);margin-top:24px}.footer-inner{max-width:1100px;margin:0 auto;padding:28px 24px;display:flex;justify-content:center;align-items:center;font-size:14px;color:#ffffffb8}.footer-inner nav{display:flex;gap:20px}.footer-inner a:hover{color:#fff}.footer-credit{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#fff6;text-decoration-thickness:1px}.footer-credit:hover{text-decoration-color:#fff}@media(max-width:480px){.footer-inner{flex-direction:column;gap:10px}}@media(max-width:700px){.footer{margin-top:0;border-top:none}}.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)}