:root{--page: #131010;--deep: #0c0c0e;--surface: #1b1818;--raise: #242020;--text: #f2eded;--body: #b8b2b2;--dim: #7f7a7a;--mark: #0d78f2;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--page);scroll-behavior:smooth}body{font-family:var(--mono);font-size:16px;line-height:24px;color:var(--body);background:var(--page);-webkit-font-smoothing:antialiased;text-align:center}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--text);outline-offset:2px}.wrap{max-width:960px;margin:0 auto;padding:0 24px}header{height:70px;display:flex;align-items:center;justify-content:center;gap:14px}header img{height:22px;width:auto;display:block}header .docs{font-size:14px;color:var(--body)}header .docs:hover{color:var(--text)}.hero{padding:clamp(48px,12.5vh,112px) 0 0}h1{font-size:clamp(2.75rem,5.6vw,5rem);line-height:1;letter-spacing:-.04em;font-weight:700;color:var(--text);text-wrap:balance}.lede{margin:32px auto 0;max-width:36rem;font-size:16px;line-height:24px;text-wrap:balance}.rowbtns{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px}.pill{display:inline-flex;align-items:center;gap:12px;height:40px;padding:0 16px 0 14px;border:1px solid rgba(242,237,237,.14);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}.pill:hover{background:var(--raise);border-color:#f2eded38}.pill .logo{display:flex}.pill .logo img{height:16px;width:auto;display:block;opacity:.6}.pill:hover .logo img{opacity:1}.readdocs{font-size:14px;color:var(--body)}.readdocs:hover{color:var(--text)}.film{margin:clamp(64px,21vh,190px) auto 0;max-width:720px}.reel{position:relative;border-radius:12px;background:var(--page);box-shadow:0 0 0 1px #f2eded14,0 32px 80px #0c0c0e99;overflow:hidden;text-align:left;opacity:.25;transform:translateY(18px) scale(.985);transition:opacity .6s cubic-bezier(.19,.86,.26,1),transform .6s cubic-bezier(.19,.86,.26,1)}.reel.on{opacity:1;transform:none}.reel:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(242,237,237,.04) 1px,transparent 1.4px);background-size:14px 14px}.reel-bar{display:flex;align-items:center;gap:8px;height:42px;padding:0 16px;background:var(--raise)}.reel-bar i{width:11px;height:11px;border-radius:50%;display:block}.reel-bar i:nth-child(1){background:#ff5f57}.reel-bar i:nth-child(2){background:#555}.reel-bar i:nth-child(3){background:#28c840}.reel-bar span{flex:1;margin-left:12px;margin-right:52px;text-align:center;font-size:12px;color:var(--dim)}.log{display:flex;flex-direction:column;gap:12px;padding:24px;height:578px;overflow-y:auto}.status{margin:auto;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dim)}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mark);animation:blink 1.2s ease-in-out infinite}.you{align-self:flex-end;max-width:80%;padding:8px 14px;border-radius:3px;background:var(--raise);font-size:15px;line-height:22px;color:var(--text);animation:rise .35s cubic-bezier(.19,.86,.26,1) both}.tool{font-size:12px;line-height:18px;color:var(--dim);animation:rise .35s cubic-bezier(.19,.86,.26,1) both}.tool b{font-weight:500;color:var(--body)}.said{max-width:85%;font-size:15px;line-height:22px;color:var(--body);animation:rise .35s cubic-bezier(.19,.86,.26,1) both}.shops{display:flex;flex-direction:column;gap:8px;animation:rise .35s cubic-bezier(.19,.86,.26,1) both}.shopline{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 12px;border-radius:3px;background:var(--raise);box-shadow:0 0 0 1px #f2eded14;font-size:14px;line-height:20px}.shopline strong,.shopline b{color:var(--text);font-weight:500}.shopline span{color:var(--dim);font-size:12px}.cards{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;animation:rise .35s cubic-bezier(.19,.86,.26,1) both}.card{flex:0 0 164px;padding:12px;border-radius:3px;background:var(--raise);box-shadow:0 0 0 1px #f2eded14}.card small{display:block;font-size:10px;color:var(--dim);margin-bottom:18px}.card strong{display:block;font-size:14px;font-weight:500;line-height:18px;color:var(--text)}.card span{font-size:12px;color:var(--dim)}footer{padding:28px 0 32px;display:flex;justify-content:center;gap:32px;font-size:13px;color:var(--dim)}footer a:hover{color:var(--text)}footer .more{color:var(--body)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:.35}}@media(max-width:760px){header{height:70px}.hero{padding:160px 0 0}h1{font-size:3rem;line-height:1.05}h1 br{display:none}.lede{font-size:15px;line-height:24px;margin-top:24px}.rowbtns{gap:16px;margin-top:32px;flex-direction:column}.pill{width:100%;height:48px;justify-content:center}.film{margin-top:64px}.log{height:420px;padding:16px}footer{padding:28px 0 88px;flex-wrap:wrap;gap:20px}}@media(prefers-reduced-motion:reduce){.reel{opacity:1;transform:none;transition:none}.you,.tool,.said,.cards,.shops,.status:before,.reel-bar em:before{animation:none}}