*,: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:#1a1a1a;--paper:#fff;--black:#000;--caption:#757575;--hairline:#e2e8f0;--blue:#057dbc;--green:#22c55e;--hover-bg:#f8f8f6;--active-bg:#f0f0ec;--display:"Bricolage Grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--body:"Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--ui:"Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono:"JetBrains Mono", "SF Mono", Monaco, "Courier New", Courier, monospace;--pixel:"VT323", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:48px;--space-2xl:64px;--space-3xl:96px;--terminal-bg:#1a1a1a;--terminal-text:#d4d4d4;--terminal-cmd:#e8e8e8;--terminal-comment:#777;--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.55;overflow-x:clip}a{color:var(--ink);text-decoration:underline;transition:color .12s}a:hover{color:var(--blue)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.wrap-wide{max-width:1200px;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}.hero-top{justify-content:flex-start;padding-top:clamp(24px,3vw,40px);padding-bottom:0;display:flex}.theme-switcher{border:2px solid var(--black);display:inline-flex}.theme-btn{width:36px;height:36px;color:var(--caption);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:flex}.theme-btn+.theme-btn{border-left:2px solid var(--black)}.theme-btn:hover{color:var(--black);background:var(--hover-bg)}.theme-btn:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.theme-btn.active{color:var(--paper);background:var(--black)}.hero{padding:clamp(24px,3vw,48px) 0 clamp(40px,6vw,72px)}.hero-banner{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,4vw,64px);display:grid}.hero-content{max-width:540px}.kicker{font-family:var(--body);letter-spacing:.04em;text-transform:uppercase;color:var(--caption);margin-bottom:var(--space-sm);font-size:1.125rem;font-weight:600;display:block}.hero h1{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;color:var(--black);align-items:center;gap:var(--space-md);font-size:clamp(4rem,9vw,6.5rem);font-weight:700;line-height:1;display:flex}.logo-icon{width:.75em;height:.75em;color:var(--black);flex-shrink:0}.deck{margin-top:var(--space-lg);font-family:var(--display);color:var(--ink);max-width:38ch;font-size:clamp(1.125rem,1.5vw,1.375rem);font-weight:400;line-height:1.45}.hero-illustration{justify-content:center;align-items:center;display:flex}.network-scene{aspect-ratio:1;width:100%;max-width:480px}.network-scene canvas{border-radius:0;display:block;width:100%!important;height:100%!important}.install-cmd{align-items:center;gap:var(--space-sm);padding:12px var(--space-md);background:var(--black);border:2px solid var(--black);font-family:var(--mono);font-variant-ligatures:none;color:var(--paper);white-space:pre;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:0;max-width:100%;margin-top:clamp(24px,3vw,40px);font-size:.8125rem;line-height:1.5;transition:background .15s,color .15s;display:inline-flex;overflow-x:auto}.install-cmd code{font-family:inherit;font-size:inherit}.install-cmd:hover{background:var(--paper);color:var(--black)}.install-cmd:hover .install-icon{color:var(--black)}.install-cmd:hover .prompt{color:var(--terminal-success)}.install-cmd:active{transform:scale(.98)}.install-icon{color:var(--caption);flex-shrink:0;align-items:center;transition:color .15s;display:flex}.install-cmd.copied{border-color:var(--green);background:var(--paper);color:var(--black)}.install-cmd.copied .install-icon{color:var(--green)}.install-cmd .copied-text{color:var(--green);font-weight:600}.install-cmd .prompt{color:var(--terminal-success);font-weight:700;transition:color .15s}.install-cmd .cmd-shell{font-weight:500}.usage-section{padding:clamp(64px,8vw,120px) 0 clamp(120px,16vw,240px)}.usage-layout{grid-template-columns:300px 1fr;align-items:start;gap:clamp(40px,5vw,80px);display:grid}.usage-left{-webkit-user-select:none;user-select:none;position:sticky;top:72px}.ribbon{font-family:var(--body);letter-spacing:.04em;text-transform:uppercase;color:var(--black);opacity:.12;margin-bottom:clamp(20px,2.5vw,32px);font-size:clamp(2rem,3vw,3rem);font-weight:600;display:block}.journey{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.journey-item{cursor:pointer;color:var(--black);background:0 0;align-items:flex-start;gap:16px;padding:16px 20px 20px 16px;transition:background .2s,color .2s,box-shadow .2s;display:flex}.journey-item:hover{box-shadow:inset 0 0 0 2px var(--black)}.journey-item.active{background:var(--black);color:var(--paper)}.journey-num{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:inherit;opacity:.25;flex-shrink:0;min-width:40px;font-size:1.75rem;font-weight:700;line-height:1;transition:color .15s}.journey-item.active .journey-num{opacity:.4}.journey-title{font-family:var(--display);color:inherit;letter-spacing:-.01em;font-size:1rem;font-weight:700;display:block}.journey-desc{font-family:var(--body);color:inherit;opacity:.55;margin-top:4px;font-size:.875rem;line-height:1.5;display:block}.usage-right{min-width:0}.terminal{background:var(--terminal-bg);position:relative}.terminal-copy{top:var(--space-md);right:var(--space-md);border:2px solid var(--terminal-comment);color:var(--terminal-comment);font-family:var(--mono);letter-spacing:.03em;cursor:pointer;z-index:1;background:0 0;align-items:center;gap:6px;padding:5px 10px;font-size:.6875rem;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex;position:absolute}.terminal-copy:hover{color:var(--terminal-text);border-color:var(--terminal-text)}.terminal-copy:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.terminal-copy:active{transform:scale(.97)}.terminal-copy.copied{color:var(--terminal-success);border-color:var(--terminal-success)}.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}.step-block{padding:var(--space-xs) var(--space-lg);margin:0 calc(-1 * var(--space-lg));transition:background-color .3s;display:block}.terminal-code[data-active-step="0"] .step-block[data-step="0"],.terminal-code[data-active-step="1"] .step-block[data-step="1"],.terminal-code[data-active-step="2"] .step-block[data-step="2"],.terminal-code[data-active-step="3"] .step-block[data-step="3"],.terminal-code[data-active-step="4"] .step-block[data-step="4"],.terminal-code[data-active-step="5"] .step-block[data-step="5"],.terminal-code[data-active-step="6"] .step-block[data-step="6"]{background-color:#ffffff12}.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{color:var(--terminal-success);font-weight:700}.terminal-code .attention{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)}.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:-.02em;color:var(--black);opacity:.05;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:#e0e0e0;--paper:#121212;--black:#fff;--caption:#999;--hairline:#2a2a2a;--hover-bg:#1a1a1a;--active-bg:#1e1e1e;--terminal-bg:#0a0a0a;--terminal-text:#d4d4d4;--terminal-cmd:#e8e8e8}}[data-theme=dark]{--ink:#e0e0e0;--paper:#121212;--black:#fff;--caption:#999;--hairline:#2a2a2a;--hover-bg:#1a1a1a;--active-bg:#1e1e1e;--terminal-bg:#0a0a0a;--terminal-text:#d4d4d4;--terminal-cmd:#e8e8e8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body{line-height:1.6}:root:not([data-theme=light]) .terminal-code{line-height:1.9}}[data-theme=dark] body{line-height:1.6}[data-theme=dark] .terminal-code{line-height:1.9}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero .kicker{animation:.4s cubic-bezier(.16,1,.3,1) 60ms both fadeUp}.hero h1{animation:.4s cubic-bezier(.16,1,.3,1) .14s both fadeUp}.deck{animation:.4s cubic-bezier(.16,1,.3,1) .22s both fadeUp}.install-cmd{animation:.4s cubic-bezier(.16,1,.3,1) .3s both fadeUp}.hero-illustration{animation:.5s cubic-bezier(.16,1,.3,1) .2s both fadeUp}.usage-section{animation:.4s cubic-bezier(.16,1,.3,1) .38s 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,opacity .25s!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero .kicker,.hero h1,.deck,.install-cmd,.hero-illustration,.usage-section{opacity:1;animation:none}.terminal-copy:active,.install-cmd:active{transform:none}.step-block{transition:none}.check-drawn{stroke-dashoffset:0;animation:none}.network-scene canvas{animation: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-illustration{order:-1}.network-scene{max-width:340px}.usage-layout{gap:var(--space-lg);grid-template-columns:1fr}.usage-left{position:static}.journey{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;display:grid}}@media (width<=768px){.terminal-code{padding:var(--space-md);font-size:.75rem}.install-cmd{padding:var(--space-sm) 12px;font-size:.75rem}.journey{grid-template-columns:1fr}.footer-inner{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}}@media (width<=480px){.terminal-code{font-size:.6875rem}.journey-item{gap:var(--space-xs);flex-direction:column}.journey-num{font-size:.6875rem}.network-scene{max-width:260px}}
