*{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{height:100%;color:var(--text);background:var(--bg-0);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}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;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;max-width:720px;animation:.9s ease-out fadeUp;position:relative}.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}}