*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}:root{--ink:#1c1c1c;--paper:#fafaf9;--black:#0a0a0a;--caption:#6b6b6b;--hairline:#e0deda;--accent:#6366f1;--green:#22c55e;--hover-bg:#f0efed;--active-bg:#e8e7e4;--surface:#fff;--display:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:"IBM Plex Mono", "SF Mono", "Fira Code", Menlo, Consolas, monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:48px;--space-2xl:64px;--space-3xl:96px;--radius-sm:4px;--radius-md:8px;--terminal-bg:#111113;--terminal-text:#d4d4d8;--terminal-cmd:#e7e5e4;--terminal-comment:#6b7280;--terminal-success:#4ade80;--terminal-attention:#fbbf24;--terminal-context:#67e8f9}body{font-family:var(--body);font-kerning:normal;background:var(--paper);color:var(--ink);font-size:1rem;line-height:1.6;overflow-x:clip}a{color:var(--ink);text-decoration:underline;transition:color .12s}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap-wide{max-width:1120px;padding-left:max(clamp(24px, 4vw, 48px), env(safe-area-inset-left));padding-right:max(clamp(24px, 4vw, 48px), env(safe-area-inset-right));margin:0 auto}.page{flex-direction:column;min-height:100vh;display:flex}.theme-switcher{background:var(--hover-bg);border-radius:999px;gap:2px;padding:3px;display:inline-flex;position:relative}.theme-btn{width:32px;height:32px;color:var(--caption);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .2s,background .2s,transform .12s;display:flex;position:relative}.theme-btn:hover{color:var(--black)}.theme-btn:active{transform:scale(.88)}.theme-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-btn.active{color:var(--black);background:var(--surface);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.hero{flex-direction:column;justify-content:center;min-height:calc(100svh - 220px);padding:clamp(40px,5vw,72px) 0;display:flex}.hero-banner{grid-template-columns:3fr 2fr;align-items:center;gap:clamp(32px,4vw,64px);display:grid}.hero-content{max-width:600px}.hero-topbar{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.hero-logo{align-items:center;gap:var(--space-sm);text-decoration:none;display:inline-flex}.hero-logo-mark{image-rendering:pixelated}.hero-logo-bg{fill:var(--ink);transition:fill .2s}.hero-logo-trace rect{fill:var(--paper);opacity:1;transition:opacity}.hero-logo:hover .hero-logo-bg{fill:var(--accent)}.hero-logo:hover .hero-logo-trace rect{animation:.6s cubic-bezier(.25,1,.5,1) forwards pixelReveal}.hero-logo:hover .hero-logo-trace rect:first-child{animation-delay:0s}.hero-logo:hover .hero-logo-trace rect:nth-child(2){animation-delay:40ms}.hero-logo:hover .hero-logo-trace rect:nth-child(3){animation-delay:80ms}.hero-logo:hover .hero-logo-trace rect:nth-child(4){animation-delay:.12s}.hero-logo:hover .hero-logo-trace rect:nth-child(5){animation-delay:.16s}.hero-logo:hover .hero-logo-trace rect:nth-child(6){animation-delay:.2s}.hero-logo:hover .hero-logo-trace rect:nth-child(7){animation-delay:.24s}.hero-logo:hover .hero-logo-trace rect:nth-child(8){animation-delay:.28s}.hero-logo:hover .hero-logo-trace rect:nth-child(9){animation-delay:.32s}.hero-logo:hover .hero-logo-trace rect:nth-child(10){animation-delay:.36s}.hero-logo:hover .hero-logo-trace rect:nth-child(11){animation-delay:.4s}.hero-logo:hover .hero-logo-trace rect:nth-child(12){animation-delay:.44s}@keyframes pixelReveal{0%{opacity:0}to{opacity:1}}.hero-logo-text{font-family:var(--mono);color:var(--black);letter-spacing:.12em;font-size:.9375rem;font-weight:500}.hero h1{font-family:var(--display);letter-spacing:-.035em;color:var(--black);font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;line-height:1.1}.deck{margin-top:var(--space-md);font-family:var(--display);color:var(--caption);max-width:34ch;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:500;line-height:1.45}.rotating-word{color:var(--accent);font-weight:700;transition:opacity .3s,transform .3s;display:inline-block}.rotating-word.leaving{opacity:0;transform:translateY(-6px)}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-illustration{width:100%;max-width:460px;height:auto}.ill-hidden{display:none}.ill-line{stroke:var(--hairline);stroke-width:1px}.ill-line-dim{stroke-dasharray:4 4;opacity:.3}.ill-hub{fill:var(--paper);stroke:var(--accent);stroke-width:2px}.ill-hub-pulse{fill:none;stroke:var(--accent);stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:3.1s ease-out .5s infinite hubPulse}@keyframes hubPulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.ill-hub-icon rect{fill:var(--accent)}.ill-alive{fill:var(--paper);stroke:var(--green);stroke-width:2px}.ill-node-ring{fill:none;stroke:var(--green);stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%}.ill-ring-1{animation:2.1s ease-out .2s infinite nodePulse}.ill-ring-2{animation:2.8s ease-out 1.3s infinite nodePulse}.ill-ring-3{animation:3.4s ease-out .7s infinite nodePulse}.ill-ring-4{animation:2.5s ease-out 1.9s infinite nodePulse}@keyframes nodePulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2)}}.ill-offline{fill:var(--paper);stroke:var(--caption);stroke-width:1px;stroke-dasharray:3 3;opacity:.4}.ill-travel{fill:var(--green);opacity:.7}.ill-dot{fill:var(--hairline)}.ill-dot-a{animation:2.6s ease-in-out .4s infinite dotFade}.ill-dot-b{animation:3.8s ease-in-out 1.2s infinite dotFade}.ill-dot-c{animation:4.2s ease-in-out .1s infinite dotFade}.ill-dot-d{animation:2.9s ease-in-out 2s infinite dotFade}@keyframes dotFade{0%,to{opacity:.2}50%{opacity:.8}}.install-cmd{align-items:center;gap:var(--space-sm);background:var(--hover-bg);border-radius:var(--radius-md);font-family:var(--mono);font-variant-ligatures:none;color:var(--ink);white-space:pre;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:0;border:none;max-width:100%;margin-top:clamp(24px,3vw,36px);padding:10px 14px;font-size:.9375rem;line-height:1.5;transition:background .15s,color .3s;display:inline-flex;position:relative;overflow:clip}.install-cmd:before{content:"";background:var(--accent);z-index:-1;width:140%;height:100%;position:absolute;top:0;left:-20%;transform:skew(-16deg)translate(-100%)}.install-cmd.copied:before{transition:transform .5s;transform:skew(-16deg)translate(0)}.install-cmd.exiting:before{transition:transform .5s;transform:skew(-16deg)translate(100%)}.install-cmd.copied,.install-cmd.exiting{background:0 0}.install-cmd.copied{color:#fff}.install-cmd.copied .install-icon{color:#ffffffd9}.install-cmd.copied .copied-text{color:#fff;font-weight:600}.install-cmd code{font-family:inherit;font-size:inherit}.install-cmd:hover{background:var(--active-bg)}.install-cmd.copied:hover{background:0 0}.install-cmd:active{transform:scale(.98)}.install-icon{color:var(--caption);flex-shrink:0;align-items:center;transition:color .15s;display:flex}.install-cmd:not(.copied):hover .install-icon{color:var(--ink)}.install-cmd .prompt{color:var(--accent);font-weight:700}.install-cmd .cmd-shell{font-weight:500}.cli-section{padding:clamp(16px,2vw,24px) 0 clamp(120px,16vw,240px)}.ribbon{font-family:var(--display);letter-spacing:-.03em;color:var(--black);opacity:.12;margin-bottom:clamp(24px,3vw,40px);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;display:block}.terminal{background:var(--terminal-bg);border-radius:var(--radius-md);border:1px solid #ffffff14;position:relative}.terminal-bar{padding:12px var(--space-md);background:var(--terminal-bg);border-radius:var(--radius-md) var(--radius-md) 0 0;z-index:10;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.terminal-dots{gap:6px;display:flex}.terminal-copy{border-radius:var(--radius-sm);color:#fff9;font-family:var(--mono);cursor:pointer;background:#ffffff14;border:none;align-items:center;gap:6px;padding:5px 12px;font-size:.8125rem;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.terminal-copy:hover{color:#ffffffe6;background:#ffffff24}.terminal-copy:active{transform:scale(.96)}.terminal-copy.copied{color:var(--terminal-success);background:#22c55e1f}.terminal-copy svg{width:16px;height:16px}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-dot:first-child{background:#ff5f57}.terminal-dot:nth-child(2){background:#febc2e}.terminal-dot:nth-child(3){background:#28c840}.terminal-code{padding:var(--space-lg);font-family:var(--mono);font-variant-ligatures:none;color:var(--terminal-text);white-space:pre;font-size:.8125rem;line-height:1.8;overflow-x:clip}.terminal-code .prompt{color:var(--terminal-success);font-weight:700}.terminal-code .cmd-shell{color:var(--terminal-cmd);font-weight:500}.terminal-code .output{color:var(--terminal-text)}.terminal-code .success,.terminal-code .status-online{color:var(--terminal-success);font-weight:700}.terminal-code .attention,.terminal-code .attention-line{color:var(--terminal-attention);font-weight:600}.terminal-code .context{color:var(--terminal-context);font-weight:600}.terminal-code .muted-label,.terminal-code .muted-line{color:var(--terminal-comment)}.terminal-code .comment{color:var(--terminal-comment);font-weight:500}.terminal-code .json-output{color:var(--terminal-text)}.terminal-code:after{content:"█";color:var(--green);font-size:.8em;animation:1s step-end infinite cursorBlink}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.footer{margin-top:auto;position:relative;overflow:hidden}.footer-inner{padding-top:var(--space-xl);padding-bottom:var(--space-xl);font-family:var(--body);letter-spacing:.01em;color:var(--caption);font-size:.8125rem;position:relative}.footer-watermark{margin-top:var(--space-lg);font-family:var(--display);letter-spacing:-.04em;color:var(--black);opacity:.04;pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:clamp(.25rem,1.5vw,.75rem);font-size:clamp(5rem,14vw,12rem);font-weight:700;line-height:1;display:flex}.footer-watermark .logo-icon{flex-shrink:0;width:.75em;height:.75em}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#d4d4d4;--paper:#0e0e10;--black:#f5f5f4;--caption:#8b8b8b;--hairline:#27272a;--hover-bg:#18181b;--active-bg:#1e1e22;--surface:#1c1c20;--terminal-bg:#09090b;--terminal-text:#d4d4d8;--terminal-cmd:#e7e5e4}}[data-theme=dark]{--ink:#d4d4d4;--paper:#0e0e10;--black:#f5f5f4;--caption:#8b8b8b;--hairline:#27272a;--hover-bg:#18181b;--active-bg:#1e1e22;--surface:#1c1c20;--terminal-bg:#09090b;--terminal-text:#d4d4d8;--terminal-cmd:#e7e5e4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-btn.active{box-shadow:0 1px 4px #00000080}:root:not([data-theme=light]) .hero-logo-bg{fill:#fff}:root:not([data-theme=light]) .hero-logo-trace rect{fill:var(--paper)}:root:not([data-theme=light]) .hero-logo:hover .hero-logo-trace rect{fill:#fff}}[data-theme=dark] .theme-btn.active{box-shadow:0 1px 4px #00000080}[data-theme=dark] .hero-logo-bg{fill:#fff}[data-theme=dark] .hero-logo-trace rect{fill:var(--paper)}[data-theme=dark] .hero-logo:hover .hero-logo-trace rect{fill:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-topbar{animation:.5s cubic-bezier(.25,1,.5,1) 60ms both fadeUp}.hero h1{animation:.5s cubic-bezier(.25,1,.5,1) .16s both fadeUp}.deck{animation:.5s cubic-bezier(.25,1,.5,1) .26s both fadeUp}.install-cmd{animation:.5s cubic-bezier(.25,1,.5,1) .36s both fadeUp}.hero-visual{animation:.6s cubic-bezier(.25,1,.5,1) .2s both fadeUp}.cli-section{animation:.5s cubic-bezier(.25,1,.5,1) .44s both fadeUp}@keyframes checkDraw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.check-drawn{stroke-dasharray:24;stroke-dashoffset:24px;animation:.3s cubic-bezier(.16,1,.3,1) forwards checkDraw}.theme-transitioning,.theme-transitioning *,.theme-transitioning :before,.theme-transitioning :after{transition:color .25s,border-color .25s,fill .25s,background .25s,opacity .25s!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-topbar,.hero h1,.deck,.install-cmd,.hero-visual,.cli-section,.hero-logo:hover .hero-logo-trace rect{opacity:1;animation:none}.install-cmd:active{transform:none}.check-drawn{stroke-dashoffset:0;animation:none}.rotating-word{transition:none}.ill-hub-pulse,.ill-node-ring,.ill-travel{opacity:0;animation:none}.ill-dot{opacity:.5;animation:none}.terminal-code:after{opacity:1;animation:none}.theme-btn:active{transform:none}.theme-transitioning,.theme-transitioning *,.theme-transitioning :before,.theme-transitioning :after{transition:none!important}}@media (width<=960px){.hero-banner{gap:var(--space-xl);grid-template-columns:1fr}.hero-visual{order:-1}.hero-illustration{max-width:340px}}@media (width<=768px){.terminal-code{padding:var(--space-md);font-size:.75rem}.install-cmd{padding:var(--space-sm) 12px;font-size:.75rem}.footer-inner{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}}@media (width<=480px){.terminal-code{font-size:.6875rem}.hero-illustration{max-width:260px}}
