@font-face{font-family:Newsreader;src:url(/fonts/newsreader.woff2)format("woff2-variations");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}:root{--paper:#f7f5f0;--sheet:#fdfcf9;--rule:#e6e1d6;--rule-strong:#d3cbbb;--raised:#efeae0;--raised-press:#e6e0d4;--ink:#1c1b19;--ink-2:#5a554c;--ink-3:#736d62;--accent:#2a4a7f;--accent-tint:#e4e9f1;--dark-paper:#171614;--dark-rule:#2e2b27;--dark-ink:#eeeae2;--dark-ink-2:#aba59a;--window:#fff;--window-dark:#171717;--serif:"Newsreader", Georgia, serif;--sans:"Inter", system-ui, sans-serif;--key:system-ui, sans-serif;--page:960px;--gutter:48px;--section:160px;--nav-h:88px;--radius-window:16px;--ease:cubic-bezier(.22, 1, .36, 1);--fast:.16s;--enter:.6s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--nav-h)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;margin:0;font-size:17px;line-height:27px;display:flex}::selection{background:var(--accent-tint);color:var(--ink)}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}h1,h2,h3{font-family:var(--serif);text-wrap:balance;font-weight:400}p{text-wrap:pretty}img{display:block}figure{margin-block:0}main{flex:1}a{color:inherit;text-underline-offset:4px;transition:color var(--fast) var(--ease), text-decoration-color var(--fast) var(--ease);text-decoration:underline 1px #0000}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{width:min(var(--page), 100% - 2 * var(--gutter));margin-inline:auto}.only-narrow{display:none}kbd{background:var(--raised);color:var(--ink-2);font:400 15px/20px var(--key);letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;transition:transform var(--fast) var(--ease), background-color var(--fast) var(--ease);border-radius:6px;padding:4px 10px;display:inline-block}kbd:hover{background:var(--raised-press);transform:translateY(1px)}.site-header{z-index:10;background:var(--paper);transition:border-color .22s var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--rule)}.nav{height:var(--nav-h);justify-content:space-between;align-items:center;display:flex}.brand{font:400 24px/30px var(--serif);letter-spacing:-.01em;align-items:center;gap:12px;display:flex}.brand img{width:36px;height:36px}.brand .ext{color:var(--ink-3)}.brand:hover{text-decoration-color:#0000}.nav-cta{font:500 15px/18px var(--sans);color:var(--accent)}.badge{color:#fff;height:48px;transition:opacity var(--fast) var(--ease), transform var(--fast) var(--ease);background:#000;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;padding:0 18px 0 14px;display:inline-flex}.badge:hover{opacity:.86;text-decoration-color:#0000}.badge:active{opacity:.8;transform:scale(.98)}.badge svg{flex-shrink:0}.badge-text{flex-direction:column;display:flex}.badge-small{font:400 10px/12px var(--sans)}.badge-big{font:500 18px/21px var(--sans);letter-spacing:-.01em}.fine{font:400 15px/20px var(--sans);color:var(--ink-3);white-space:nowrap}.hero{justify-content:space-between;align-items:end;gap:40px;padding:144px 0 88px;display:flex}.hero h1{letter-spacing:-.025em;text-wrap:initial;font-size:clamp(56px,5.556vw,80px);line-height:1.05}.hero-side{flex-direction:column;flex-shrink:0;gap:28px;width:340px;padding-bottom:8px;display:flex}.lede{font:400 19px/29px var(--sans);color:var(--ink-2)}.cta{align-items:center;gap:20px;display:flex}.window{background:var(--window);border:1px solid var(--rule);border-radius:var(--radius-window);position:relative;overflow:clip}.titlebar{border-bottom:1px solid #eeebe4;align-items:center;height:52px;padding-inline:20px;display:flex;position:relative}.dots{gap:8px;display:flex}.dots i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.dots i:nth-child(2){background:#febc2e}.dots i:nth-child(3){background:#28c840}.titlebar span{text-align:center;font:500 13px/20px var(--sans);color:#4a4741;position:absolute;inset:16px 0 auto}.viewport{height:636px;position:relative;overflow:clip}.render{width:880px;position:absolute;top:-24px;left:calc(50% - 440px)}.render img{width:100%;height:auto}.change-bar{background:var(--accent);transform-origin:top;border-radius:2px;width:3px;height:28px;position:absolute;top:385px;left:86px}.wash{background:var(--accent-tint);mix-blend-mode:multiply;opacity:0;pointer-events:none;border-radius:4px;width:664px;height:32px;position:absolute;top:383px;left:92px}.h2{letter-spacing:-.02em;font-size:48px;line-height:54px}.sub{font:400 17px/27px var(--sans);color:var(--ink-2)}.split{justify-content:space-between;gap:56px;display:flex}.split-head{flex-direction:column;flex:0 344px;gap:24px;display:flex}.split-body{flex:0 560px}.live{padding-block:var(--section)}.row{border-bottom:1px solid var(--rule);gap:24px;padding-block:36px;display:flex}.row:first-child{padding-top:0}.row-text{flex-direction:column;flex:1;gap:10px;display:flex}.h3{font-size:24px;line-height:30px}.row-key{flex-shrink:0;justify-content:end;align-items:start;width:120px;padding-top:4px;display:flex}.band{background:var(--dark-paper);padding-block:var(--section)}.band-inner{justify-content:space-between;align-items:center;gap:56px;display:flex}.band-copy{flex-direction:column;flex-shrink:0;gap:24px;width:300px;display:flex}.band-copy .h2{color:var(--dark-ink)}.band-copy .sub{color:var(--dark-ink-2)}.window-dark{background:var(--window-dark);border-color:var(--dark-rule);flex:0 600px;height:334px}.window-dark .render{width:734px;top:-367px;left:-67px}.mac{padding:var(--section) 0 80px;flex-direction:column;gap:72px;display:flex}.mac .h2{max-width:640px}.grid{grid-template-columns:1fr 1fr;gap:64px;display:grid}.cell{border-top:1px solid var(--rule);transition:border-color var(--fast) var(--ease);flex-direction:column;gap:12px;padding-top:28px;display:flex}.cell:hover{border-top-color:var(--rule-strong)}.cell:nth-child(-n+2){border-top:0;padding-top:0}.cell-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.cell .h3{font-size:26px;line-height:32px}.cell p{color:var(--ink-2)}.wont{padding:80px 0 var(--section)}.nots li{border-bottom:1px solid var(--rule);transition:border-color var(--fast) var(--ease);justify-content:space-between;align-items:baseline;gap:24px;padding-block:28px;display:flex}.nots strong{font:400 28px/34px var(--serif)}.nots span{font:400 15px/22px var(--sans);color:var(--ink-3);text-align:right;transition:color var(--fast) var(--ease)}.nots li:first-child{padding-top:0}.nots li:hover{border-bottom-color:var(--rule-strong)}.nots li:hover span{color:var(--ink-2)}.row{transition:border-color var(--fast) var(--ease)}.row:hover{border-bottom-color:var(--rule-strong)}.closing{background:var(--sheet);border-top:1px solid var(--rule);padding-block:var(--section);text-align:center;flex-direction:column;align-items:center;gap:28px;display:flex}.closing img{width:128px;height:128px}.closing h2{letter-spacing:-.02em;font-size:56px;line-height:60px}.footer{background:var(--sheet)}.footer-inner{border-top:1px solid var(--rule);font:400 14px/20px var(--sans);color:var(--ink-3);justify-content:space-between;align-items:center;padding:32px 0 48px;display:flex}.footer nav{gap:28px;display:flex}.footer nav a{color:var(--ink-2)}.footer nav a:hover{color:var(--ink)}.footer .by{color:var(--ink-2);text-decoration-color:var(--rule-strong)}.footer .by:hover{color:var(--ink);text-decoration-color:currentColor}.prose{max-width:640px;padding:144px 0 var(--section)}.prose h1{letter-spacing:-.02em;margin-bottom:32px;font-size:56px;line-height:60px}.prose h2{margin:56px 0 16px;font-size:26px;line-height:32px}.prose p,.prose li{color:var(--ink-2)}.prose p+p{margin-top:16px}.prose ul{flex-direction:column;gap:12px;margin-top:16px;display:flex}.prose li{padding-left:20px;position:relative}.prose li:before{content:"";background:var(--ink-3);width:6px;height:1px;position:absolute;top:13px;left:2px}.prose a{color:var(--accent);text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent)}.prose a:hover{text-decoration-color:var(--accent)}.prose kbd{padding:2px 8px;font-size:14px;line-height:18px}@media (prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transition:opacity var(--enter) var(--ease), transform var(--enter) var(--ease);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(10px)}.js .reveal.in{opacity:1;transform:none}.js .window-hero .change-bar{transition:transform .4s var(--ease) .65s;transform:scaleY(0)}.js .window-hero.in .change-bar{transform:scaleY(1)}.js .window-hero.in .wash{animation:1.6s ease-out .65s both wash}}@keyframes wash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@media (width<=899px){:root{--gutter:24px;--section:120px;--page:600px;--nav-h:64px}.only-wide{display:none}.only-narrow{display:inline}.brand{gap:10px;font-size:21px;line-height:26px}.brand img{width:28px;height:28px}.hero{flex-direction:column;align-items:stretch;gap:24px;padding:64px 0 56px}.hero h1{font-size:52px;line-height:54px}.hero-side{gap:24px;width:auto;padding-bottom:0}.lede{font-size:17px;line-height:26px}.cta{flex-direction:column;align-items:start;gap:12px;padding-top:4px}.window{border-radius:12px}.window-hero{width:min(var(--page) + 16px, 100% - 32px)}.titlebar{border-bottom-color:var(--rule);height:36px;padding-inline:12px}.dots{gap:6px}.dots i{width:9px;height:9px}.titlebar span{color:var(--ink-2);font-size:12px;line-height:16px;inset:9px 0 auto}.viewport{aspect-ratio:356/500;height:auto}.render{width:100%;margin-top:-9.551%;top:0;left:0}.change-bar{height:5.119%;top:55.556%;left:4.213%}.wash{width:90%;height:5.6%;top:55.3%;left:5.6%}.h2{letter-spacing:-.015em;font-size:34px;line-height:40px}.sub{line-height:26px}.split{flex-direction:column;gap:40px}.split-head{flex:none;gap:16px}.split-body{flex:none}.live .h2{max-width:300px}.row{flex-direction:column;gap:8px;padding-block:28px}.h3{font-size:22px;line-height:28px}.row-text{gap:8px}.row-text .sub,.cell p{font-size:15px;line-height:23px}.row-key{justify-content:start;width:auto}.row-key:empty{display:none}.band-inner{flex-direction:column;align-items:stretch;gap:40px}.band-copy{gap:16px;width:auto}.window-dark{aspect-ratio:342/340;flex:none;height:auto}.window-dark .render{width:100%;margin-top:-7.059%;top:0;left:0}.mac{gap:40px;padding-bottom:60px}.mac .h2{max-width:260px}.grid{grid-template-columns:1fr;row-gap:40px}.cell{gap:8px;padding-top:24px}.cell:nth-child(2){border-top:1px solid var(--rule);padding-top:24px}.cell .h3{font-size:22px;line-height:28px}.wont{padding:60px 0 var(--section)}.wont.split{gap:32px}.nots li{flex-direction:column;gap:4px;padding-block:20px}.nots li:last-child{border-bottom:0}.nots strong{font-size:22px;line-height:28px}.nots span{text-align:left;font-size:14px;line-height:20px}.closing{gap:20px;padding-inline:24px}.closing img{width:96px;height:96px}.closing h2{font-size:38px;line-height:44px}.closing .fine{font-size:14px}.footer{border-top:1px solid var(--rule)}.footer-inner{border-top:0;flex-direction:column;align-items:start;gap:12px;padding:32px 0 40px}.footer nav{gap:20px}.prose{padding:64px 0 var(--section)}.prose h1{margin-bottom:24px;font-size:38px;line-height:44px}.prose h2{margin-top:48px;font-size:22px;line-height:28px}}