*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--black:#0a0a0a;--white:#f5f5f4;--near-black:#171717;--surface-alt:#111;--gray-100:#f0f0ee;--gray-200:#dddbd8;--gray-400:#97958f;--gray-500:#706e68;--gray-600:#807d76;--gray-800:#2a2926;--accent:#6366f1;--green:#22c55e;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:48px;--space-xl:64px;--space-2xl:96px;--terminal-bg:#0f1115;--terminal-bar:#16191f;--terminal-dot:#353b46;--terminal-text:#d4d4d8;--terminal-cmd:#e7e5e4;--terminal-output:#d4d4d8;--terminal-comment:#7a828f;--terminal-success:#4ade80;--terminal-attention:#fbbf24;--terminal-context:#67e8f9;--display:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:"IBM Plex Mono", "SF Mono", "Fira Code", Menlo, Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body{font-family:var(--sans);line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-switch button:focus-visible{outline-offset:-1px}.section-dark{background:var(--black);color:var(--gray-400);transition:background .4s,color .4s}.section-dark h1,.section-dark h2{color:var(--white);transition:color .4s}.section-light{background:var(--surface-alt);color:var(--gray-400);transition:background .4s,color .4s}.section-light h2{color:var(--white)}html.light .section-dark{background:var(--gray-100);color:var(--gray-500)}html.light .section-dark h1,html.light .section-dark h2{color:var(--near-black)}html.light .section-light{background:var(--white);color:var(--gray-500)}html.light .section-light h2{color:var(--near-black)}.wrap{max-width:1080px;padding-left:max(var(--space-md), env(safe-area-inset-left));padding-right:max(var(--space-md), env(safe-area-inset-right));margin:0 auto}header.section-dark{z-index:100;-webkit-backdrop-filter:saturate(180%)blur(16px);background:#0a0a0ae0;border-bottom:1px solid #ffffff0f;transition:background .4s,border-color .4s;position:sticky;top:0}html.light header.section-dark{background:#ffffffe0;border-bottom:1px solid #0000000f}.header{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{align-items:center;gap:var(--space-xs);display:inline-flex}.logo-mark{image-rendering:pixelated}.logo-bg{fill:var(--gray-800);transition:fill .2s}.logo-trace rect{opacity:1;transition:opacity}.logo:hover .logo-bg{fill:var(--accent)}.logo:hover .logo-trace rect{animation:.6s cubic-bezier(.25,1,.5,1) forwards pixelReveal}.logo:hover .logo-trace rect:first-child{animation-delay:0s}.logo:hover .logo-trace rect:nth-child(2){animation-delay:40ms}.logo:hover .logo-trace rect:nth-child(3){animation-delay:80ms}.logo:hover .logo-trace rect:nth-child(4){animation-delay:.12s}.logo:hover .logo-trace rect:nth-child(5){animation-delay:.16s}.logo:hover .logo-trace rect:nth-child(6){animation-delay:.2s}.logo:hover .logo-trace rect:nth-child(7){animation-delay:.24s}.logo:hover .logo-trace rect:nth-child(8){animation-delay:.28s}.logo:hover .logo-trace rect:nth-child(9){animation-delay:.32s}.logo:hover .logo-trace rect:nth-child(10){animation-delay:.36s}.logo:hover .logo-trace rect:nth-child(11){animation-delay:.4s}.logo:hover .logo-trace rect:nth-child(12){animation-delay:.44s}@keyframes pixelReveal{0%{opacity:0}to{opacity:1}}html.light .logo-bg{fill:var(--near-black)}.logo-text{font-family:var(--mono);color:var(--white);letter-spacing:-.02em;font-size:1rem;font-weight:600}html.light .logo-text{color:var(--near-black)}.header-right{align-items:center;gap:var(--space-md);display:flex}.theme-switch{border:1px solid var(--gray-800);border-radius:2px;gap:2px;padding:3px;display:flex;position:relative}html.light .theme-switch{border-color:var(--gray-200)}.theme-switch button{width:28px;height:28px;color:var(--gray-600);cursor:pointer;background:0 0;border:none;border-radius:1px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,transform .1s;display:flex}.theme-switch button:active{transform:scale(.9)}.theme-switch button:hover{color:var(--gray-400)}.theme-switch button.active{background:var(--gray-800);color:var(--white)}html.light .theme-switch button:hover{color:var(--gray-600)}html.light .theme-switch button.active{background:var(--gray-200);color:var(--near-black)}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(48px,8vw,64px);padding-top:clamp(48px,10vw,96px);padding-bottom:clamp(48px,8vw,64px);display:grid}.hero-content{flex-direction:column;display:flex}.hero-content>*{opacity:0;animation:.5s cubic-bezier(.25,1,.5,1) forwards heroStagger;transform:translateY(10px)}.hero-content>:first-child{animation-delay:.1s}.hero-content>:nth-child(2){animation-delay:.22s}.hero-content>:nth-child(3){animation-delay:.34s}.hero-content>:nth-child(4){animation-delay:.46s}@keyframes heroStagger{to{opacity:1;transform:translateY(0)}}.hero h1{font-family:var(--display);letter-spacing:-.035em;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;line-height:1.05}.tagline{font-family:var(--display);color:var(--white);letter-spacing:-.02em;margin-top:12px;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:500;line-height:1.25;transition:color .4s}html.light .tagline{color:var(--near-black)}.rotating-word{color:var(--accent);transition:opacity .3s,transform .3s;display:inline-block}.rotating-word.leaving{opacity:0;transform:translateY(-6px)}.desc{font-family:var(--display);letter-spacing:-.01em;max-width:38ch;margin-top:14px;font-size:clamp(1rem,1.5vw,1.125rem);font-weight:500;line-height:1.4}.install-cmd{margin-top:var(--space-md);padding:var(--space-xs) 12px;background:var(--terminal-bg);border:1px solid var(--gray-800);font-family:var(--mono);color:var(--terminal-cmd);white-space:pre;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;align-items:center;gap:10px;max-width:100%;font-size:.8125rem;line-height:1.5;transition:border-color .15s;display:inline-flex;overflow-x:auto}.install-cmd code{font-family:inherit;font-size:inherit}.install-icon{color:var(--gray-600);flex-shrink:0;align-items:center;transition:color .15s;display:flex}.install-cmd:hover .install-icon{color:var(--gray-400)}.install-cmd.copied .install-icon{color:var(--green);animation:.3s cubic-bezier(.34,1.56,.64,1) iconPop}@keyframes iconPop{0%{transform:scale(.6)}to{transform:scale(1)}}.install-cmd:hover{border-color:var(--gray-600)}.install-cmd:focus-visible{border-color:var(--accent);outline:none}.install-cmd:active{transform:translateY(1px)}.install-cmd.copied{border-color:var(--green)}.install-cmd .copied-text{color:var(--green)}html.light .install-cmd{background:var(--near-black);border-color:var(--gray-200)}html.light .install-cmd:hover{border-color:var(--gray-400)}html.light .install-cmd:focus-visible{border-color:var(--accent)}html.light .install-cmd.copied{border-color:var(--green)}.install-cmd .prompt{color:var(--green);font-weight:700}.install-cmd .cmd-shell,.terminal-code .cmd-shell{color:var(--terminal-cmd);font-weight:500}.terminal-code .context{color:var(--terminal-context);font-weight:600}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-illustration{opacity:0;width:100%;max-width:400px;height:auto;animation:.7s cubic-bezier(.25,1,.5,1) .3s forwards illReveal;transform:scale(.92)}@keyframes illReveal{to{opacity:1;transform:scale(1)}}.ill-hidden{display:none}.ill-line{stroke:var(--gray-800);stroke-width:1px}html.light .ill-line{stroke:var(--gray-200)}.ill-line-dim{stroke-dasharray:4 4;opacity:.3}.ill-hub{fill:var(--gray-800);stroke:var(--accent);stroke-width:2px}html.light .ill-hub{fill:var(--gray-200)}.ill-hub-ring{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 hubRipple}@keyframes hubRipple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.ill-hub-icon rect{fill:var(--accent)}.ill-active{fill:var(--near-black);stroke:var(--green);stroke-width:2px}html.light .ill-active{fill:var(--gray-100)}.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 nodeRipple}.ill-ring-2{animation:2.8s ease-out 1.3s infinite nodeRipple}.ill-ring-3{animation:3.4s ease-out .7s infinite nodeRipple}.ill-ring-4{animation:2.5s ease-out 1.9s infinite nodeRipple}@keyframes nodeRipple{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2)}}.ill-idle{fill:var(--near-black);stroke:var(--gray-600);stroke-width:1px;stroke-dasharray:3 3;opacity:.4}html.light .ill-idle{fill:var(--gray-100)}.ill-travel{fill:var(--green);opacity:.7}.ill-dot{fill:var(--gray-800)}html.light .ill-dot{fill:var(--gray-200)}.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}}.overview,.walkthrough-section,.usage-section{padding-top:clamp(48px,8vw,72px);padding-bottom:clamp(48px,8vw,72px)}.section-intro{max-width:64ch}.eyebrow,.flow-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.75rem;line-height:1.4}.section-title{font-family:var(--display);letter-spacing:-.03em;margin-top:14px;font-size:clamp(2rem,4vw,3rem);line-height:1.08}.section-copy{max-width:66ch;margin-top:16px;font-size:1rem;line-height:1.72}.flow-grid,.usage-grid{margin-top:var(--space-lg);gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.flow-card,.usage-card{border:1px solid var(--gray-800);background:linear-gradient(#ffffff08,#fff0),#17171766;border-radius:2px;gap:14px;min-height:100%;padding:22px;transition:transform .22s cubic-bezier(.25,1,.5,1),border-color .22s cubic-bezier(.25,1,.5,1),background .22s cubic-bezier(.25,1,.5,1);display:grid}.flow-card:hover,.usage-card:hover{border-color:var(--gray-600);transform:translateY(-2px)}html.light .flow-card,html.light .usage-card{border-color:var(--gray-200);background:linear-gradient(180deg, #fffffff0, #f0f0eef5), var(--white)}html.light .flow-card:hover,html.light .usage-card:hover{border-color:var(--gray-400)}.flow-card h3,.walkthrough-note h3,.usage-card h3{color:var(--white);font-family:var(--display);letter-spacing:-.025em;font-size:1.25rem;line-height:1.18}html.light .flow-card h3,html.light .walkthrough-note h3,html.light .usage-card h3{color:var(--near-black)}.flow-card p,.walkthrough-note p,.usage-card p{max-width:34ch}.flow-card code,.usage-card code{background:var(--terminal-bg);color:var(--terminal-cmd);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;border:1px solid #ffffff14;border-radius:2px;padding:12px 14px;font-size:.75rem;line-height:1.65;display:block}html.light .flow-card code,html.light .usage-card code{border-color:var(--gray-200);background:var(--near-black)}.walkthrough-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(32px,6vw,56px);display:grid}.walkthrough-copy{gap:0;display:grid}.walkthrough-notes{margin-top:var(--space-lg);gap:14px;display:grid}.walkthrough-note{background:#ffffff08;border:1px solid #ffffff14;border-radius:2px;padding:16px 18px}html.light .walkthrough-note{background:#fffc;border-color:#00000014}.walkthrough-note h3{font-size:1rem}.walkthrough-note p{margin-top:8px}.cli{padding-top:clamp(48px,8vw,64px);padding-bottom:clamp(48px,8vw,64px)}.terminal{background:var(--terminal-bg);border:1px solid var(--gray-800);border-radius:2px;align-self:start;transition:transform .3s cubic-bezier(.25,1,.5,1),box-shadow .3s cubic-bezier(.25,1,.5,1);overflow:hidden}.terminal:hover{transform:translateY(-2px)}html.light .terminal{background:var(--near-black);border-color:var(--gray-200)}.terminal-bar{padding:12px var(--space-sm);background:var(--terminal-bar);gap:6px;display:flex}.terminal-dot{background:var(--terminal-dot);border-radius:50%;width:8px;height:8px}.terminal-code{padding:var(--space-md);font-family:var(--mono);color:var(--terminal-text);white-space:pre;font-size:.8125rem;line-height:1.8;overflow-x:auto}.terminal-code .prompt{color:var(--green);font-weight:700}.terminal-code .output{color:var(--terminal-output)}.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 .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-output)}.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-section{border-top:1px solid var(--gray-800)}html.light .footer-section{border-top-color:var(--gray-200)}html.light .footer-text{color:var(--gray-500)}.footer{padding-top:var(--space-md);padding-bottom:max(var(--space-md), env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.footer-text{font-family:var(--mono);color:var(--gray-600);letter-spacing:.01em;font-size:.75rem;transition:color .2s}.footer-text:hover{color:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}main{animation:.4s both fadeIn}.reveal{opacity:0;transition:opacity .5s cubic-bezier(.25,1,.5,1),transform .5s cubic-bezier(.25,1,.5,1);transform:translateY(16px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){main{animation:none}.rotating-word{transition:none}.hero-content>*,.hero-illustration{opacity:1;animation:none;transform:none}.ill-hub-ring,.ill-node-ring,.ill-travel,.ill-dot{opacity:0;animation:none}.ill-dot{opacity:.5}.logo:hover .logo-trace rect,.terminal-code:after{opacity:1;animation:none}.terminal:hover{transform:none}.reveal{opacity:1;transition:none;transform:none}.install-cmd:active,.theme-switch button:active{transform:none}.install-cmd.copied .install-icon{animation:none}}@media (width<=900px){.hero,.flow-grid,.usage-grid,.walkthrough-grid{grid-template-columns:1fr}}@media (width<=768px){.wrap{padding-left:max(var(--space-sm), env(safe-area-inset-left));padding-right:max(var(--space-sm), env(safe-area-inset-right))}.terminal-code{padding:var(--space-sm);font-size:.6875rem}.install-cmd{padding:12px;font-size:.6875rem}.header-right{gap:var(--space-sm)}.theme-switch button{width:44px;height:44px}.flow-grid,.usage-grid{gap:var(--space-sm)}.flow-card,.usage-card,.walkthrough-note{padding:18px}}@media (height<=480px){.hero{padding-top:var(--space-md);padding-bottom:var(--space-sm)}.cli{padding-top:var(--space-md);padding-bottom:var(--space-md)}}@media (width<=480px){.terminal-code{font-size:.625rem}}