:root{color-scheme:dark;--soft: #b4b4b4;--dim: #8b8b8b;--line: #262626;--rule: #222;--inset: 1.2em}*,:before,:after{box-sizing:border-box}html{background:#000;color:#fff;-webkit-text-size-adjust:100%}body{margin:0;font:clamp(.875rem,4.1vw,1.125rem) / 1.3 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:80em;margin:0 auto;overflow:clip}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:.2em}img,picture{display:block}h1,h2,p{margin:0}.skip{position:absolute;top:.6em;left:.6em;z-index:2;padding:.6em 1em;border-radius:9em;background:#fff;color:#000;font-weight:600;transform:translateY(-300%)}.skip:focus{transform:none}.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7em .8em;padding:1.1em var(--inset);font-size:.9em;color:var(--soft)}.bar nav{display:flex;align-items:center;gap:1em}.bar nav a:not(.button):hover,footer a:hover,.text p a:hover{color:#fff}.logo{display:inline-flex;align-items:center;gap:.45em;color:#fff;font-size:1.2em;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.logo img{width:1.2em;height:1.2em}.button{display:inline-flex;align-items:center;justify-content:center;padding:.62em 1.15em;border-radius:9em;background:#1c1c1c;color:#fff;font-size:.9em;font-weight:600;white-space:nowrap;transition:background-color .15s}.button:hover{background:#2a2a2a}.button.primary{background:#fff;color:#000}.button.primary:hover{background:#dcdcdc}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.7em}.actions .button{padding:.8em 1.4em;font-size:.95em}.hero{padding:2em var(--inset) 0;text-align:center}h1{font-size:2.9em;font-weight:650;line-height:1;letter-spacing:-.045em;text-wrap:balance}.lead{margin:.8em 0 1.3em;color:var(--soft);font-size:1.05em;line-height:1.4;text-wrap:balance}.hero .actions{justify-content:center}.systems{margin-top:1.2em;color:var(--dim);font-size:.85em}.frame{overflow:hidden;border:1px solid var(--line);border-right:0;border-radius:1em 0 0 1em;background:#000}.frame img{width:100%;height:auto}.window,.shot{margin:2.2em 0 0 var(--inset)}.feature,.split{margin-top:3.5em}.text,.rows,.terminal{margin-inline:var(--inset)}h2{font-size:1.8em;font-weight:650;line-height:1.05;letter-spacing:-.03em;text-wrap:balance}.text p{margin-top:.8em;color:var(--soft);font-size:1.05em;line-height:1.4}.text p a{text-decoration:underline;text-underline-offset:.2em;white-space:nowrap}.text .actions{margin-top:1.4em}.split>:last-child{margin-top:1.6em}.rows{width:calc(100% - 2 * var(--inset));border-collapse:collapse;font-size:.95em;line-height:1.4;text-align:left}.rows th,.rows td{padding:.8em 1em .8em 0;border-top:1px solid var(--rule);vertical-align:top}.rows th{font-weight:400;white-space:nowrap}.rows td{color:var(--soft)}.rows tr:last-child>*{border-bottom:1px solid var(--rule)}.terminal{padding:1em 0;border-block:1px solid var(--rule);color:#d0d0d0;font:.9em/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-all}footer{display:flex;flex-wrap:wrap;gap:.9em 1.8em;margin-top:4em;padding:2.5em var(--inset);border-top:1px solid #1c1c1c;color:var(--dim);font-size:max(.8em,.75rem);line-height:1.5}footer b{color:#fff}footer p{flex-basis:100%}@media(max-width:30em){.hero .actions .button,#download .actions .button{flex:1 1 100%}}@media(min-width:43.75em){.frame{width:125%}}@media(min-width:70em){body{font-size:clamp(.875rem,1.25vw,1.25rem)}.bar{gap:2em;padding:1.5em 2.5em}.bar nav{gap:2em}.hero{padding:5em 2em 3.5em}h1{font-size:6em}.lead{margin:1.1em 0 1.8em;font-size:1.25em}.window{width:68em;margin:0 auto;transform-origin:50% 0}.window .frame{width:auto;border:1px solid var(--line);border-radius:1em}.feature,.split{display:grid;margin-top:8em}.feature{grid-template-columns:25em 1fr;gap:4em;align-items:center;padding-left:5em}.feature.reverse{grid-template-columns:1fr 25em;padding:0 5em 0 0}.reverse .text{order:2}.text,.rows,.terminal{margin-inline:0}h2{font-size:2.6em}.shot{position:relative;height:30em;margin:0;overflow:hidden}.shot:after{content:"";position:absolute;inset:auto 0 0;height:5em;background:linear-gradient(transparent,#000);pointer-events:none}.shot .frame{width:54em}.shot.whole{height:auto}.shot.whole:after{content:none}.reverse .shot .frame{width:50em;margin-left:-4em;border:1px solid var(--line);border-left:0;border-radius:0 1em 1em 0}.split{grid-template-columns:1fr 1.15fr;gap:5em;align-items:start;padding:0 5em}.split>:last-child{margin-top:0}.rows{width:100%}footer{margin-top:6em;padding:2.5em}}@media(min-width:100.0625em){.shot{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 6em),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 6em),transparent)}.reverse .shot{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 6em),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 6em),transparent)}}@keyframes rise{0%{opacity:0;transform:translateY(1.2em)}}@keyframes appear{0%{opacity:0}}@media(prefers-reduced-motion:no-preference){.rise,.revealed{animation:rise .7s ease-out both}.hero .lead{animation-delay:.1s}.hero div.rise{animation-delay:.2s}.window{animation:appear .7s ease-out .3s both}}@media(min-width:70em)and (prefers-reduced-motion:no-preference){.window{transform:perspective(90em) rotateX(calc((1 - var(--tilt, 1)) * 20deg)) scale(calc(.88 + var(--tilt, 1) * .12));will-change:transform}}