:root{--fog:#0b0b0c;--paper:#161618;--well:#222225;--line:#2e2e32;--ink:#ececee;--slate:#a8a8ae;--accent:#ececee;--accent-ink:#0a0a0a;color-scheme:dark}:root[data-theme=light]{--fog:#fafafa;--paper:#fff;--well:#f0f0f0;--line:#e4e4e4;--ink:#18181b;--slate:#5f5f66;--accent:#18181b;--accent-ink:#fafafa;color-scheme:light}*,:before,:after{box-sizing:border-box}html{background:var(--fog);color:var(--ink);scroll-behavior:smooth}body{background:var(--fog);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter Variable,system-ui,sans-serif;font-size:16px;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit}code{font-family:JetBrains Mono Variable,ui-monospace,monospace;font-size:.9em}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.2}h2{font-size:clamp(1.6rem,3vw,1.95rem)}h3{font-size:1.05rem}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}@media (width>=640px){.wrap{padding:0 32px}}.muted{color:var(--slate)}.small{font-size:14px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:50;background:var(--paper);border-radius:8px;padding:8px 12px;top:12px;left:16px}.top{z-index:10;color:#fff;position:absolute;inset:0 0 auto}.top-inner{justify-content:space-between;align-items:center;gap:12px;height:72px;display:flex}.logo{letter-spacing:-.03em;white-space:nowrap;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.top nav{align-items:center;gap:6px;font-size:15px;display:flex}.top nav>a:not(.btn){opacity:.85;border-radius:999px;padding:6px 10px;text-decoration:none}.top nav>a:not(.btn):hover{opacity:1;background:#ffffff1a}.icon-link{place-items:center;display:inline-grid}@media (width<=560px){.top nav>a[href=\#features]{display:none}}.btn{color:#000;white-space:nowrap;background:#fff;border:0;border-radius:999px;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:15px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.88}.btn-small{height:34px;margin-left:6px;padding:0 14px;font-size:14px}.btn-ghost{color:#fff;backdrop-filter:blur(8px);background:#00000040;border:1px solid #ffffff4d}.btn-ghost:hover{opacity:1;background:#ffffff1a}.hero{isolation:isolate;color:#fff;align-items:flex-end;min-height:min(96vh,920px);display:flex;position:relative;overflow:hidden}.hero .art{object-fit:cover;z-index:-2;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.hero .art.is-on{opacity:1}.shade{z-index:-1;background:linear-gradient(90deg,#000000d1,#00000080 50%,#00000014),linear-gradient(#0000 34%,#000000bf);position:absolute;inset:0}.hero-inner{padding-top:110px;padding-bottom:72px}.pill{backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:999px;align-items:center;height:32px;padding:0 14px;font-size:13px;text-decoration:none;display:inline-flex}.pill:hover{background:#fff3}.hero h1,.verbs a{letter-spacing:-.03em;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:500}.hero h1{color:#ffffffa6;margin-top:24px;line-height:1.05}.verbs{margin-top:8px}.verbs a{line-height:1.12;text-decoration:none;transition:opacity .3s;display:inline-block}.verbs.has-active a:not(.active){opacity:.35}.verbs a.active:after{content:"";vertical-align:-.08em;background:currentColor;width:.08em;height:.85em;margin-left:.08em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.lede{color:#ffffffd6;max-width:58ch;margin-top:28px;font-size:18px}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.band{border-top:1px solid var(--line);padding:72px 0}.band:first-child{border-top:0}.intro{max-width:62ch;margin-bottom:32px}.intro .muted,.split .muted{margin-top:10px}.split{align-items:start;gap:32px;display:grid}.split>*{min-width:0}@media (width>=900px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.links{flex-wrap:wrap;gap:8px 24px;margin-top:20px;font-size:15px;display:flex}.links a{text-underline-offset:4px}.also{margin-top:28px}.tabs{scrollbar-width:thin;gap:6px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.tabs button{border:1px solid var(--line);height:36px;color:var(--slate);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:0 14px;font-size:14px}.tabs button:hover{color:var(--ink);border-color:var(--slate)}.tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.shot{margin:0}.shot img{border:1px solid var(--line);border-radius:14px;width:100%}.cards{gap:16px;display:grid}@media (width>=640px){.cards{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.cards{grid-template-columns:repeat(3,1fr)}}.card{border:1px solid var(--line);background:var(--paper);border-radius:18px;height:100%;text-decoration:none;transition:border-color .2s;display:block;overflow:hidden}.card:hover{border-color:var(--slate)}.card-art{aspect-ratio:16/8;overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.card:hover .card-art img{transform:scale(1.03)}.card-body{padding:20px}.card-body .muted{margin-top:6px;font-size:15px}.more{text-underline-offset:3px;margin-top:14px;font-size:14px;text-decoration:underline;display:inline-block}.why{gap:32px;margin-top:36px;display:grid}@media (width>=640px){.why{grid-template-columns:repeat(2,1fr)}}@media (width>=1000px){.why{grid-template-columns:repeat(4,1fr)}}.why .muted{margin-top:6px;font-size:15px}.steps{gap:20px;margin-top:28px;display:grid}.steps li{align-items:flex-start;gap:16px;display:flex}.steps .muted{margin-top:2px;font-size:15px}.num{background:var(--well);border-radius:999px;flex:none;place-items:center;width:32px;height:32px;font-size:14px;font-weight:500;display:inline-grid}.code{background:var(--paper);border:1px solid var(--line);border-radius:18px;margin:0;padding:20px;font-size:13px;line-height:1.65;overflow-x:auto}.code-wrap{position:relative}.code-wrap .copy{position:absolute;top:12px;right:12px}.cmd{background:var(--paper);border:1px solid var(--line);border-radius:16px;align-items:center;gap:8px;padding:12px 12px 12px 18px;display:flex}.cmd code{white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow-x:auto}.copy{border:1px solid var(--line);background:var(--well);height:32px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:0 14px;font-size:14px}.copy:hover{border-color:var(--slate)}.cmd-label{margin:24px 0 8px;font-weight:500}#install code:not(pre code):not(.cmd code){background:var(--well);white-space:nowrap;border-radius:6px;padding:1px 6px}.cta{isolation:isolate;color:#fff;border-radius:18px;margin-top:16px;position:relative;overflow:hidden}.cta img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.cta:after{content:"";z-index:-1;background:linear-gradient(90deg,#000c,#00000040);position:absolute;inset:0}.cta-inner{padding:72px 24px}@media (width>=640px){.cta-inner{padding:80px 40px}}.cta h2{max-width:22ch}.cta p{color:#ffffffd6;max-width:52ch;margin-top:8px}.foot{border-top:1px solid var(--line);margin-top:80px}.foot-grid{gap:32px;padding-top:56px;padding-bottom:40px;display:grid}@media (width>=800px){.foot-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}}.foot-grid>div .muted{max-width:34ch;margin-top:10px}.foot nav{flex-direction:column;gap:8px;font-size:14px;display:flex}.foot nav h2{color:var(--slate);letter-spacing:0;margin-bottom:4px;font-size:13px;font-weight:500}.foot nav a{text-decoration:none}.foot nav a:hover{text-underline-offset:3px;text-decoration:underline}.legal{border-top:1px solid var(--line);padding-top:20px;padding-bottom:28px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero .art,.card-art img,.verbs a{transition:none}.verbs a.active:after{animation:none}}