*{box-sizing:border-box;margin:0;padding:0}:root{--bg-0:#0a0a14;--bg-1:#11112a;--accent:#7c5cff;--accent-2:#00e0ff;--text:#e8eaf6;--muted:#8a8fb3}html,body{min-height:100%;color:var(--text);background:var(--bg-0);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:clip}body{background:radial-gradient(ellipse at 20% 10%, #7c5cff59, transparent 50%), radial-gradient(ellipse at 80% 90%, #00e0ff40, transparent 50%), linear-gradient(135deg, var(--bg-0), var(--bg-1));flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.grid{pointer-events:none;background-image:linear-gradient(#7c5cff0f 1px,#0000 1px),linear-gradient(90deg,#7c5cff0f 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;mask-image:radial-gradient(#000 30%,#0000 75%)}.container{text-align:center;width:100%;max-width:880px;animation:.9s ease-out fadeUp;position:relative}a{color:var(--accent-2);text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent-2);outline-offset:5px}.install-shell,.command-block{text-align:left;background:#0a0a14b8;border:1px solid #7c5cff59;border-radius:14px;min-width:0;overflow:hidden}.shell-heading{color:var(--muted);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.8rem 1rem;font-size:.8rem;display:flex}pre{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;max-width:100%;padding:1rem;font-size:.78rem;line-height:1.7;overflow-x:auto}code{font-family:JetBrains Mono,monospace}button[data-copy]{cursor:pointer;color:var(--text);font:inherit;background:#7c5cff29;border:1px solid #ffffff29;border-radius:6px;flex-shrink:0;padding:.45rem .7rem;font-size:.75rem}button[data-copy]:hover{border-color:var(--accent-2)}.install-note{color:var(--muted);margin-top:.8rem;font-size:.78rem;line-height:1.6}.start-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.6rem;font-size:.85rem;display:flex}.primary-link{color:#fff;background:var(--accent);border-radius:8px;padding:.9rem 1.2rem;font-weight:600;text-decoration:none}.quickstart{text-align:left;margin-top:4rem;scroll-margin-top:2rem}.quickstart h2{letter-spacing:-.03em;margin:.6rem 0 1rem;font-size:clamp(1.8rem,5vw,2.5rem)}.quickstart h3{font-size:1.05rem;font-weight:600}.quickstart p{color:var(--muted);margin-top:.8rem;font-size:.9rem;line-height:1.75}.section-intro{max-width:650px}.requirements{background:#00e0ff0a;border:1px solid #00e0ff2e;border-radius:12px;margin-top:1.8rem;padding:1.3rem}.requirements strong{color:var(--text);font-weight:600}.setup-step{background:#ffffff06;border:1px solid #ffffff1a;border-radius:14px;margin-top:1.2rem;padding:1.4rem}.step-title{align-items:center;gap:.8rem;display:flex}.step-number{color:var(--accent-2);font:.8rem JetBrains Mono,monospace}.command-block{align-items:flex-start;margin-top:1rem;display:flex}.command-block pre{flex:1;min-width:0}.command-block button{margin:.7rem}details{margin-top:1rem;font-size:.85rem}summary{cursor:pointer;color:var(--text);line-height:1.6}details pre{padding-left:0}.next-steps{border-left:2px solid var(--accent);margin:2rem 0;padding-left:1.4rem}.next-steps>a{margin-top:1rem;font-size:.9rem;display:inline-block}.next-steps .feedback-note{max-width:620px;font-size:.75rem}.quickstart-page{text-align:left}.quickstart-page .quickstart{margin-top:2rem}.quickstart-page h1{font-size:clamp(2.5rem,7vw,4rem)}.back-link{font-size:.8rem;text-decoration:none;display:inline-block}.setup-step .install-shell{margin-top:1rem}@media (width<=600px){body{padding:1.25rem}.setup-step{padding:1rem}.command-block{flex-direction:column}.command-block pre{width:100%}.command-block button{align-self:flex-end;margin-top:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.badge{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2);background:#7c5cff14;border:1px solid #7c5cff66;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.4rem .9rem;font-family:JetBrains Mono,monospace;font-size:.75rem;display:inline-flex}.badge .pulse{background:var(--accent-2);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #00e0ffb3}h1{letter-spacing:-.02em;background:linear-gradient(135deg, #fff 30%, var(--accent) 70%, var(--accent-2));-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.25rem;font-size:clamp(2.5rem,7vw,5rem);font-weight:800;line-height:1.05}.subtitle{color:var(--muted);max-width:540px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:clamp(1rem,2vw,1.25rem);font-weight:300;line-height:1.6}.cli{-webkit-backdrop-filter:blur(10px);color:var(--text);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:1rem 1.5rem;font-family:JetBrains Mono,monospace;font-size:.95rem;transition:border-color .2s,transform .2s;display:inline-block}.cli:hover{border-color:var(--accent);transform:translateY(-2px)}.cli .prompt{color:var(--accent-2);user-select:none}.cli .cmd{color:var(--text)}.cli .cursor{background:var(--accent);vertical-align:text-bottom;width:8px;height:1.1em;margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}.tease{color:var(--muted);max-width:540px;margin:2.25rem auto 0;font-size:clamp(.95rem,1.8vw,1.1rem);font-weight:300;line-height:1.65}.subtitle strong,.tease strong,.factory-note strong,.control strong,.pricing-note strong,.byline strong{background:linear-gradient(135deg, var(--accent) 20%, var(--accent-2));-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.pill{letter-spacing:.04em;color:var(--text);background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-family:JetBrains Mono,monospace;font-size:.72rem;transition:border-color .25s,background .25s;display:inline-flex}.pill:hover{border-color:var(--accent);background:#7c5cff1a}.pill .dot{background:var(--accent-2);border-radius:50%;flex-shrink:0;width:6px;height:6px}.control{color:var(--muted);border-top:1px solid #ffffff12;max-width:540px;margin:3.5rem auto 0;padding-top:2.5rem;font-size:clamp(.9rem,1.7vw,1.05rem);font-weight:300;line-height:1.65}.factory{flex-direction:column;align-items:center;gap:1.5rem;margin-top:3.5rem;display:flex}.pricing{border-top:1px solid #ffffff12;flex-direction:column;align-items:center;gap:1.25rem;margin-top:3.5rem;padding-top:2.5rem;display:flex}.pricing-note{color:var(--muted);max-width:540px;font-size:clamp(.9rem,1.7vw,1.05rem);font-weight:300;line-height:1.65}.factory-note{letter-spacing:.04em;color:var(--muted);max-width:440px;font-family:JetBrains Mono,monospace;font-size:.72rem;line-height:1.6}.stack-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.7rem}.line{justify-content:center;align-items:flex-start;gap:clamp(.5rem,3vw,1.75rem);width:100%;display:flex;position:relative}.rail{background:linear-gradient(90deg,#7c5cff26,#7c5cff73,#00e0ff73,#00e0ff26);border-radius:2px;height:2px;position:absolute;top:27px;left:7%;right:7%;overflow:visible}.rail .spark{background:var(--accent-2);border-radius:50%;width:10px;height:10px;margin-top:-5px;animation:4s linear infinite travel;position:absolute;top:50%;left:0;box-shadow:0 0 12px 3px #00e0ffcc}.station{z-index:1;flex-direction:column;align-items:center;gap:.6rem;text-decoration:none;display:flex;position:relative}.node{background:#0a0a14e6;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;width:clamp(44px,12vw,56px);height:clamp(44px,12vw,56px);transition:transform .25s,border-color .25s,background .25s;animation:4s linear infinite nodeGlow;display:flex}.line>.station:nth-child(2) .node{animation-delay:-2s}.line>.station:nth-child(3) .node{animation-delay:-1.33s}.line>.station:nth-child(4) .node{animation-delay:-.67s}.line>.station:nth-child(5) .node{animation-delay:0s}.line>.station:nth-child(6) .node{animation-delay:.67s}.line>.station:nth-child(7) .node{animation-delay:1.33s}.line>.station:nth-child(8) .node{animation-delay:2s}.station:hover .node{border-color:var(--accent);background:#7c5cff24;transform:translateY(-4px)}.node .glyph{color:var(--accent-2);font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:600}.node-agent{background:#7c5cff24;border-color:#7c5cff80}.node-agent .glyph{color:var(--accent);font-size:1.15rem}.step-agent{color:var(--accent)}.node-stack{border-color:#00e0ff4d;position:relative;overflow:hidden}.node-stack .reel{flex-direction:column;animation:8s cubic-bezier(.5,1.4,.5,1) infinite reel;display:flex;position:absolute;inset:0}.node-stack .stack-icon{flex:0 0 100%;width:100%;height:100%;mask-size:26px}.node-live{background:#7c5cff1f;border-color:#7c5cff73}.node-live .glyph{color:var(--accent);font-size:.9rem}.node-live .ring{border:1px solid var(--accent);border-radius:14px;animation:2s ease-out infinite ringPulse;position:absolute;inset:0}.step{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.62rem;transition:color .25s}.station:hover .step{color:var(--text)}.step-live{color:var(--accent-2)}.icon{background-color:var(--muted);width:28px;height:28px;mask-image:var(--logo);mask-position:50%;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-image:var(--logo);transition:background-color .25s;display:inline-block;-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.station:hover .icon{background-color:var(--text)}footer{text-align:center;color:var(--muted);letter-spacing:.05em;flex-direction:column;align-items:center;gap:1rem;margin-top:3.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;display:flex}.byline{max-width:420px;color:var(--muted);opacity:.85;font-size:.7rem;line-height:1.6}.domain{border-top:1px solid #ffffff12;padding-top:1rem}.made-by{color:var(--muted);letter-spacing:.05em;font-size:.7rem;text-decoration:none;transition:color .25s}.made-by:hover{color:var(--text)}.made-by .heart{color:#ff6f91;animation:1.6s ease-in-out infinite heartbeat;display:inline-block}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #00e0ffb3}70%{box-shadow:0 0 0 10px #00e0ff00}to{box-shadow:0 0 #00e0ff00}}@keyframes blink{50%{opacity:0}}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.2)}60%{transform:scale(1)}}@keyframes travel{0%{opacity:0;left:0}8%{opacity:1}92%{opacity:1}to{opacity:0;left:100%}}@keyframes ringPulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(1.35)}to{opacity:0;transform:scale(1.35)}}@keyframes nodeGlow{0%,42%{filter:brightness();box-shadow:0 0 #00e0ff00}50%{filter:brightness(1.7);box-shadow:0 0 18px 3px #00e0ff99}58%,to{filter:brightness();box-shadow:0 0 #00e0ff00}}@keyframes reel{0%,21%{transform:translateY(0)}25%,46%{transform:translateY(-100%)}50%,71%{transform:translateY(-200%)}75%,96%{transform:translateY(-300%)}to{transform:translateY(-400%)}}@keyframes travelV{0%{opacity:0;top:0}8%{opacity:1}92%{opacity:1}to{opacity:0;top:100%}}@media (width<=600px){.line{flex-direction:column;align-items:flex-start;gap:1.1rem;width:max-content;max-width:100%;margin-inline:auto}.rail{background:linear-gradient(#7c5cff26,#7c5cff73,#00e0ff73,#00e0ff26);width:2px;height:auto;inset:22px auto 22px 21px}.rail .spark{margin-top:0;margin-left:-5px;animation:4s linear infinite travelV;top:0;left:50%}.station{flex-direction:row;gap:.9rem}.node{width:44px;height:44px}.step{font-size:.7rem}}