@font-face{font-family:ABC Areal;src:url(/fonts/ABCAreal-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:ABC Areal;src:url(/fonts/ABCAreal-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:ABC Areal Mono;src:url(/fonts/ABCArealMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:ABC Areal Semi Mono;src:url(/fonts/ABCArealSemiMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Die Grotesk B;src:url(/fonts/DieGroteskB-Bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{--ground: #000;--card: #101010;--fill: #ffffff14;--ink: #ffffffeb;--ink-2: #b6b6b6;--ink-3: #a8a8a8;--ink-4: #ffffff66;--sans: "ABC Areal", system-ui, sans-serif;--mono: "ABC Areal Semi Mono", ui-monospace, monospace;--semi-mono: var(--mono);--ease-out: cubic-bezier(.23, 1, .32, 1);color-scheme:dark}html,body{margin:0;background:var(--ground)}.home,.home *,.home *:before,.home *:after{box-sizing:border-box}.home{min-height:100vh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-synthesis:none}:where(.home) a{color:inherit;text-decoration:none}:where(.home) button:not(:where(.lab button)){all:unset;cursor:pointer}.home :focus-visible{outline:2px solid #ffffff59;outline-offset:2px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.hero-kicker,.hero-line,.hero-sub,.install,.docs-contents,.docs-body{animation:rise .45s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 60ms)}.hero-line{--i: 1}.hero-sub,.docs-contents{--i: 2}.install,.docs-body{--i: 3}.wall[data-reveal] .card{transition:opacity .45s var(--ease-out),transform .45s var(--ease-out),background-color .16s ease;transition-delay:calc(var(--i, 0) * 40ms),calc(var(--i, 0) * 40ms),0ms}.wall[data-reveal] .card:not([data-shown]){opacity:0;transform:translateY(10px)}@media(prefers-reduced-motion:reduce){@keyframes rise{0%{opacity:0}}.hero-kicker,.hero-line,.hero-sub,.install,.docs-contents,.docs-body{animation-duration:.2s}.wall[data-reveal] .card:not([data-shown]){transform:none}}.nav{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;pointer-events:none}.nav>*{pointer-events:auto;background:linear-gradient(var(--fill),var(--fill)),#000c!important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}html:has(.nav){scroll-padding-top:56px}.nav-mark{display:flex;padding:6px 8px;border-radius:8px;background:var(--fill)}.nav-mark svg{width:23px;height:24px}.nav-links{display:flex;align-items:center;gap:12px;padding:0 18px;border-radius:999px;background:var(--fill);font-size:14px;line-height:40px}.nav-links a{color:#ffffff80;transition:color .16s ease}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink)}.nav-links a:focus-visible{color:var(--ink);outline:none;text-decoration:underline;text-underline-offset:4px}.nav-install{display:flex;align-items:center;gap:6px;padding:10px 14px 10px 12px;border-radius:999px;background:var(--fill);font:inherit;font-size:14px;font-weight:500;line-height:1;color:#fffffff5;border:0;cursor:pointer}.nav>.nav-install:hover{background:linear-gradient(#ffffff24,#ffffff24),#000c!important}.nav-install:active{transform:scale(.97)}.nav-install svg{color:#fff9}.main{display:flex;flex-direction:column;gap:120px;padding:260px 16px 0}.hero{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.hero-text{display:flex;flex-direction:column;gap:24px;max-width:611px}.hero-title{display:flex;flex-direction:column;margin:0;font-family:"Die Grotesk B",var(--sans);font-weight:700;font-size:40px;line-height:40px}.hero-kicker{padding-left:93.6px;color:#9b9b9b}.hero-line{max-width:464px;color:var(--ink)}.hero-sub{margin:0;font-size:16px;line-height:1.15;letter-spacing:.1px;color:var(--ink-2)}.install{display:flex;align-items:center;gap:12px;height:48px;padding:0 8px 0 20px;border-radius:999px;background:var(--fill);font-size:13px;line-height:20px}.install-prompt{font-family:var(--mono);color:var(--ink-4)}.install-command{font-family:"ABC Areal Mono",var(--mono);color:#ffffffe0}.install-copy{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;transition:background-color .16s ease}.install-copy:hover{background:var(--fill)}.wall{display:flex;flex-direction:column;gap:48px;padding:0 16px}.chapter{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:60px;height:265px;padding:16px;border-radius:8px;background:var(--card);transition:background-color .16s ease}.card:hover,.card:focus-within{background:#161616}:where(.home) .card-hit{position:absolute;inset:0;z-index:1;border-radius:inherit;cursor:pointer}.card-hit:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.card-foot{display:grid;grid-template-columns:1fr auto;align-items:center;align-self:stretch}.card-seed{font-size:13px;line-height:20px;color:var(--ink)}.card-effect,.card-actions,.card-copied{grid-area:1 / 2;justify-self:end;transition:opacity .16s ease,visibility .16s}.card-effect,.card-copied{font-family:var(--mono);font-size:10px;line-height:16px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-4)}.card-actions{display:flex;gap:2px;margin-right:-4px;opacity:0;visibility:hidden}:where(.home) .card-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;color:#ffffffb3}:where(.home) .card-download{position:relative;z-index:2;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease-out}.card-download:hover{background:var(--fill);color:var(--ink)}.card-download:active{transform:scale(.94)}.card-download:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.card-copied{display:flex;align-items:center;gap:6px;color:var(--ink);opacity:0;visibility:hidden}.card:is(:hover,:focus-within):not([data-copied]) .card-effect{opacity:0;visibility:hidden}.card:is(:hover,:focus-within):not([data-copied]) .card-actions{opacity:1;visibility:visible}.card[data-copied] .card-effect{opacity:0;visibility:hidden}.card[data-copied] .card-copied{opacity:1;visibility:visible}@media(hover:none){.card:not([data-copied]) .card-effect{opacity:0;visibility:hidden}.card:not([data-copied]) .card-actions{opacity:1;visibility:visible}}.dock{position:fixed;inset:auto 0 0;z-index:10;height:200px;pointer-events:none;transition:transform .3s var(--ease-out),opacity .3s var(--ease-out)}.dock[data-away]{transform:translateY(40%);opacity:0}.dock[data-away] .dock-bar{pointer-events:none}@media(prefers-reduced-motion:reduce){.dock[data-away]{transform:none}}.dock-blur,.dock-blur span,.dock-shade{position:absolute;inset:0}.dock-blur span:nth-child(1){-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 30%);mask-image:linear-gradient(to bottom,transparent 0%,#000 30%)}.dock-blur span:nth-child(2){-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-mask-image:linear-gradient(to bottom,transparent 20%,#000 50%);mask-image:linear-gradient(to bottom,transparent 20%,#000 50%)}.dock-blur span:nth-child(3){-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(to bottom,transparent 40%,#000 70%);mask-image:linear-gradient(to bottom,transparent 40%,#000 70%)}.dock-blur span:nth-child(4){-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(to bottom,transparent 60%,#000 90%);mask-image:linear-gradient(to bottom,transparent 60%,#000 90%)}.dock-shade{background-image:linear-gradient(to bottom,#0000,#0000000f,#00000036,#0000006a,#000000a1,#000000cf,#000000ec 60%,#000000f0 70% 80%,#000000f0 90% 100%)}.dock-bar{position:absolute;left:50%;bottom:28px;display:flex;flex-direction:column;gap:10px;width:min(480px,calc(100vw - 32px));padding:12px 20px;translate:-50% 0;pointer-events:auto}.dock-labels{position:relative;height:16px}.dock-label{position:absolute;top:0;translate:-50% 0;font-size:12px;line-height:16px;white-space:nowrap;color:#ffffff73;text-shadow:0 0 12px #000,0 0 4px #000;transition:color .16s ease}.dock-label:hover,.dock-label[aria-current=true]{color:var(--ink)}.dock-ticks{display:flex;align-items:flex-end;justify-content:space-between;height:33px;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%)}.dock-ticks span{width:1px;flex-shrink:0;background:#fff}:where(.home) .dock-motion{position:absolute;left:100%;bottom:12px;display:flex;flex-direction:column;align-items:center;gap:10px;padding-left:20px;border-left:1px solid rgb(255 255 255 / .12);font-size:12px;line-height:16px;white-space:nowrap;color:#ffffff73;text-shadow:0 0 12px #000,0 0 4px #000;transition:color .16s ease}.dock-motion:hover,.dock-motion[aria-checked=true]{color:var(--ink)}.dock-motion-track{position:relative;display:block;width:36px;height:20px;margin-top:13px;border-radius:10px;background:#ffffff0d;transition:background-color .2s ease,transform .16s var(--ease-out)}.dock-motion-knob{position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;overflow:hidden;filter:grayscale(1);opacity:.5;transition:transform .2s var(--ease-out),filter .2s ease,opacity .2s ease}.dock-motion-knob>*{display:block}.dock-motion[aria-checked=true] .dock-motion-track{background:#ffffff14}.dock-motion[aria-checked=true] .dock-motion-knob{transform:translate(16px);filter:none;opacity:1}.dock-motion:not([aria-checked=true]):hover .dock-motion-knob{opacity:.75}.dock-motion:active .dock-motion-track{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.dock-motion-knob{transition:filter .2s ease,opacity .2s ease}}.card-cursor{display:flex;align-items:center;justify-content:center;height:100px}.docs{display:flex;align-items:flex-start;gap:168px;margin:0 16px}.docs-contents{position:sticky;top:80px;width:280px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:13px;line-height:20px;color:#ffffff73}.docs-contents .docs-label{padding-bottom:12px}.docs-contents a{transition:color .16s ease}.docs-contents a:hover,.docs-contents a[aria-current=true]{color:var(--ink)}.docs-label{font-family:var(--semi-mono);font-size:10px;line-height:16px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-4)}.docs-body{flex:0 1 640px;min-width:0;display:flex;flex-direction:column;gap:96px}.docs-section{display:flex;flex-direction:column;gap:20px;scroll-margin-top:24px}.docs-title{margin:0;font-family:"Die Grotesk B",var(--sans);font-weight:700;font-size:24px;line-height:28px;color:var(--ink)}.docs-section p{margin:0;font-size:16px;line-height:24px;color:var(--ink-2)}.docs-section p a{color:var(--ink);text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:3px}.docs-example{display:flex;flex-direction:column;gap:12px;margin-top:8px}.docs-code{margin:0;padding:16px 20px;overflow-x:auto;border-radius:8px;background:var(--card);font:13px/20px var(--semi-mono);color:#ffffffe0;white-space:pre}.docs-table-wrap{margin-top:8px;padding:16px 20px 4px;border-radius:8px;background:var(--card)}.docs-table{width:100%;border-collapse:collapse;text-align:left}.docs-table th{padding:0 16px 10px 0;font:400 10px/16px var(--semi-mono);letter-spacing:.4px;text-transform:uppercase;color:var(--ink-4)}.docs-table td{padding:14px 16px 14px 0;border-top:1px solid #ffffff14;vertical-align:top;font-size:14px;line-height:20px;color:var(--ink-2)}.docs-table td:nth-child(1),.docs-table td:nth-child(2){font:13px/20px var(--semi-mono);white-space:nowrap}.docs-table td:nth-child(1){width:136px;color:var(--ink)}.docs-table td:nth-child(2){width:112px;color:var(--ink-4)}.docs-cursors{display:flex;gap:16px;padding:24px 24px 20px;border-radius:8px;background:var(--card)}.docs-cursors>div{position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between;height:96px}.docs-cursors .docs-label{order:2}.docs-section .docs-aside{margin-top:-6px;font-size:14px;line-height:20px;color:#ffffff73}.footer{padding:120px 16px 24px;font-size:13px;line-height:18px;color:var(--ink-4)}@media(max-width:1100px){.docs{gap:64px}.docs-contents{width:200px}.chapter{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.nav-install{display:none}.main{gap:72px;padding-top:120px}.hero-title{font-size:32px;line-height:32px}.hero-kicker{padding-left:74px}.install{padding-left:16px;gap:8px}.dock-label{font-size:11px}.dock-bar{width:calc(100vw - 84px);padding-inline:8px;translate:calc(-50% - 30px) 0}.dock-motion-label{display:none}.chapter{grid-template-columns:repeat(2,minmax(0,1fr))}.wall{padding:0}.card{height:220px;gap:40px}.docs-main{gap:72px}.docs-contents{display:none}.docs{margin:0}.docs-table thead{display:none}.docs-table tr{display:grid;grid-template-columns:auto 1fr;column-gap:16px;padding:14px 0;border-top:1px solid #ffffff14}.docs-table-wrap{padding:0 16px}.docs-table tr:first-child{border-top:0}.docs-table td{padding:0;border:0;width:auto}.docs-table td:nth-child(3){grid-column:1 / -1;padding-top:6px}.docs-table td:nth-child(1),.docs-table td:nth-child(2){width:auto}}