:root{--void:#07090c;--ground:#0b0f14;--panel:#111721;--steel:#1c2534;--steel-hi:#2c3a4f;--line:#243044;--text:#dbe4ef;--dim:#7d8da3;--faint:#4a5a72;--flow:#48e0c8;--flow-hot:#7ef7e4;--amber:#f0a848;--violet:#8b7ff0;--rose:#f0708c;--stage-1:#48e0c8;--stage-2:#f0a848;--stage-3:#8b7ff0;--stage-4:#f0708c;--pipe-w:96px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--void);color:var(--text);font-family:IBM Plex Sans,sans-serif;font-weight:300;line-height:1.55;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(72,224,200,.07),transparent 70%),radial-gradient(ellipse 60% 40% at 85% 90%,rgba(139,127,240,.06),transparent 70%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.5;background-image:linear-gradient(rgba(36,48,68,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(36,48,68,.35) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 100% 70% at 50% 45%,#000 20%,transparent 80%)}.grain{position:fixed;inset:-50%;pointer-events:none;z-index:2;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:grain 6s steps(6) infinite}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,3%)}}.wrap{position:relative;z-index:3;max-width:1680px;margin:0 auto;padding:0 clamp(20px,4vw,64px)}header{padding:clamp(36px,5vh,68px) 0 clamp(28px,4vh,44px)}.brandrow{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}.mark{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:13px;letter-spacing:.34em;text-transform:uppercase;color:var(--flow);display:flex;align-items:center;gap:11px}.mark:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--flow);box-shadow:0 0 12px var(--flow);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.rule{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent);min-width:40px}.meta{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--faint);letter-spacing:.14em}h1{font-size:clamp(34px,6.2vw,80px);font-weight:200;line-height:1.02;letter-spacing:-.035em;margin:clamp(24px,4vh,40px) 0 0;max-width:20ch}h1 em{font-style:normal;color:var(--flow);font-weight:400}h1 .thin{color:var(--dim);font-weight:200}.pipeline{position:relative;margin:clamp(48px,8vh,96px) 0 clamp(32px,5vh,56px)}.rig{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.stage{position:relative;padding-top:126px}.cap:focus-visible{outline:2px solid var(--flow);outline-offset:6px}.pipe{position:absolute;top:0;left:0;right:0;height:var(--pipe-w);background:linear-gradient(180deg,#ffffff1a,#ffffff08 14%,#0000004d 52%,#0000008c 84%,#ffffff0d),linear-gradient(90deg,var(--steel),var(--steel-hi));border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(0,0,0,.6);overflow:hidden}.pipe:before{content:"";position:absolute;left:0;right:0;top:11%;height:15%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);filter:blur(1px)}.pipe:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.35) 100%);pointer-events:none}.flange{position:absolute;top:-5px;height:calc(var(--pipe-w) + 10px);width:22px;left:-11px;z-index:4;background:linear-gradient(180deg,#fff3,#ffffff0f 16%,#00000057 54%,#0000009e 88%,#ffffff12),linear-gradient(90deg,#20293a,#3d4d64 40%,#44556e 55%,#20293a);border-left:1px solid rgba(0,0,0,.6);border-right:1px solid rgba(0,0,0,.6);border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(0,0,0,.7);border-radius:3px;box-shadow:0 3px 14px #0000008c,inset 0 0 8px #0000004d}.flange:before,.flange:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5b6d85,#121820);box-shadow:inset 0 1px 1px #ffffff40,0 1px 2px #0009}.flange:before{top:11px}.flange:after{bottom:11px}.flowlayer{position:absolute;inset:0;overflow:hidden}.pkt{position:absolute;top:var(--top);width:var(--w);height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--pc,var(--flow)),transparent);opacity:0;animation:flow var(--dur,3.4s) linear infinite var(--del,0s);will-change:transform,opacity}@keyframes flow{0%{transform:translate(-120px) scaleX(.5);opacity:0}12%{opacity:.4}88%{opacity:.4}to{transform:translate(calc(100% + 120px)) scaleX(1.4);opacity:0}}.stream{position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(72,224,200,.22),transparent)}.cap{display:block;position:relative;text-decoration:none;color:inherit;border:1px solid var(--line);border-top:none;background:linear-gradient(180deg,#111721e6,#0b0f14b3);backdrop-filter:blur(6px);padding:26px 26px 30px;transition:background .38s cubic-bezier(.2,.7,.3,1),border-color .38s,transform .38s cubic-bezier(.2,.7,.3,1);min-height:210px}.stage+.stage .cap{border-left:none}.cap:after{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--sc);transform:scaleX(0);transform-origin:0 50%;transition:transform .42s cubic-bezier(.2,.7,.3,1)}.idx{font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:500;letter-spacing:.2em;color:var(--faint);display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.idx .dot{width:6px;height:6px;border-radius:50%;background:var(--sc);opacity:.35;transition:opacity .38s,box-shadow .38s}.stage h2{font-size:clamp(21px,2.5vw,29px);font-weight:400;letter-spacing:-.02em;line-height:1.12;margin-bottom:6px}.role{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--sc);opacity:.75;margin-bottom:15px}.blurb{font-size:13.5px;color:var(--dim);line-height:1.62;max-width:34ch}.more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .46s cubic-bezier(.2,.7,.3,1),opacity .34s;opacity:0}.more>div{overflow:hidden}.specs{margin-top:19px;padding-top:16px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:8px}.spec{display:flex;justify-content:space-between;gap:14px;align-items:baseline;font-family:IBM Plex Mono,monospace;font-size:11px}.spec dt{color:var(--faint);letter-spacing:.06em;white-space:nowrap}.spec dd{color:var(--text);text-align:right;font-weight:500}.go{margin-top:18px;display:flex;align-items:center;gap:9px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--sc)}.go .arw{transition:transform .32s cubic-bezier(.2,.7,.3,1)}.repo{margin-top:9px;font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--faint);letter-spacing:.04em}.repo span{color:var(--dim)}a.cap .repo span{border-bottom:1px solid var(--line);padding-bottom:1px}@media(hover:hover){.stage:hover .cap,.stage:focus-within .cap{background:linear-gradient(180deg,#171f2cf5,#0e131bdb);border-color:var(--steel-hi);transform:translateY(-3px)}.stage:hover .cap:after,.stage:focus-within .cap:after{transform:scaleX(1)}.stage:hover .more,.stage:focus-within .more{grid-template-rows:1fr;opacity:1}.stage:hover .idx .dot,.stage:focus-within .idx .dot{opacity:1;box-shadow:0 0 10px var(--sc)}.stage:hover .go .arw,.stage:focus-within .go .arw{transform:translate(5px)}.stage:hover .pipe,.stage:focus-within .pipe{background:linear-gradient(180deg,#ffffff21,#ffffff0a 14%,#00000047 52%,#00000085 84%,#ffffff0f),linear-gradient(90deg,var(--steel-hi),#35455c)}.stage:hover .stream,.stage:focus-within .stream{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--sc) 55%,transparent),transparent);height:2px}}@media(hover:none){.more{grid-template-rows:1fr;opacity:1}.cap:after{transform:scaleX(1)}.idx .dot{opacity:1}}.terminus{margin-top:clamp(40px,7vh,80px);padding-top:clamp(26px,4vh,40px);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}.links{display:flex;gap:26px;flex-wrap:wrap;margin-left:auto}.links a{font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);text-decoration:none;padding-bottom:4px;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}.links a:hover{color:var(--flow);border-bottom-color:var(--flow)}footer{padding:clamp(34px,5vh,60px) 0 clamp(28px,4vh,44px);margin-top:clamp(30px,5vh,56px);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase}@media(prefers-reduced-motion:no-preference){.rise{opacity:0;transform:translateY(16px);animation:rise .82s cubic-bezier(.16,.84,.32,1) forwards}@keyframes rise{to{opacity:1;transform:none}}.stage{opacity:0;transform:translateY(22px);animation:rise .9s cubic-bezier(.16,.84,.32,1) forwards}.stage:nth-child(1){animation-delay:.3s}.stage:nth-child(2){animation-delay:.42s}.stage:nth-child(3){animation-delay:.54s}.stage:nth-child(4){animation-delay:.66s}}@media(prefers-reduced-motion:reduce){.pkt{animation:none;opacity:.5}.grain{animation:none}.mark:before{animation:none}}@media(max-width:1180px){:root{--pipe-w:78px}.stage{padding-top:104px}.cap{padding:22px 20px 26px;min-height:198px}.blurb{font-size:12.5px}}@keyframes flowY{0%{transform:translateY(-120px) scaleY(.5);opacity:0}12%{opacity:.4}88%{opacity:.4}to{transform:translateY(calc(100% + 120px)) scaleY(1.4);opacity:0}}@media(max-width:900px){:root{--pipe-w:56px;--pipe-len:76px}.rig{grid-template-columns:1fr}.stage{padding-top:var(--pipe-len);margin-top:0}.pipe{top:0;left:50%;right:auto;transform:translate(-50%);width:var(--pipe-w);height:var(--pipe-len);background:linear-gradient(90deg,#ffffff1a,#ffffff08 14%,#0000004d 52%,#0000008c 84%,#ffffff0d),linear-gradient(180deg,var(--steel),var(--steel-hi));border-top:none;border-bottom:none;border-left:1px solid rgba(255,255,255,.13);border-right:1px solid rgba(0,0,0,.6)}.pipe:before{inset:0 auto 0 11%;width:15%;height:auto;background:linear-gradient(180deg,transparent,rgba(255,255,255,.14),transparent)}.pipe:after{background:linear-gradient(90deg,transparent 30%,rgba(0,0,0,.35) 100%)}.flange{top:calc(var(--pipe-len) / 2);left:50%;right:auto;width:calc(var(--pipe-w) + 10px);height:22px;transform:translate(-50%,-50%);background:linear-gradient(90deg,#fff3,#ffffff0f 16%,#00000057 54%,#0000009e 88%,#ffffff12),linear-gradient(180deg,#20293a,#3d4d64 40%,#44556e 55%,#20293a);border-left:1px solid rgba(255,255,255,.16);border-right:1px solid rgba(0,0,0,.7);border-top:1px solid rgba(0,0,0,.6);border-bottom:1px solid rgba(0,0,0,.6)}.flange:before,.flange:after{transform:translateY(-50%)}.flange:before{inset:50% auto auto 11px}.flange:after{inset:50% 11px auto auto}.stream{inset:0 auto 0 50%;width:1px;height:auto;transform:translate(-50%);background:linear-gradient(180deg,transparent,rgba(72,224,200,.22),transparent)}.pkt{left:var(--top);top:auto;height:var(--w);width:2px;background:linear-gradient(180deg,transparent,var(--pc,var(--flow)),transparent);animation-name:flowY}.cap{border:1px solid var(--line);min-height:0}.stage+.stage .cap{border-left:1px solid var(--line)}}@media(max-width:600px){:root{--pipe-w:48px;--pipe-len:68px}h1{max-width:none}.terminus{flex-direction:column;gap:26px}}