@import"https://fonts.googleapis.com/css2?family=Jura:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Pridi:wght@200;300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rhodium+Libre&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes layer-glow{0%{filter:blur(5px)}to{filter:blur(15px)}}@keyframes layer-bob{0%{translate:0px 0px}to{translate:0px 10px}}.animate-glow{animation-name:layer-glow;animation-duration:4s;animation-direction:alternate;animation-iteration-count:infinite}.animate-bob{animation-name:layer-bob;animation-duration:3s;animation-direction:alternate;animation-iteration-count:infinite}:root{--application-edge: #15ff75;--application-edge-tint-0: #44ff91;--application-edge-tint-1: #73ffac;--application-edge-tint-2: #a1ffc8;--application-edge-tint-3: #d0ffe3;--application-edge-shade-0: #11cc5e;--application-edge-shade-1: #0d9946;--application-edge-shade-2: #08662f;--application-edge-shade-3: #043317;--application-surface: #103915;--application-surface-tint-0: #406144;--application-surface-tint-1: #708873;--application-surface-tint-2: #9fb0a1;--application-surface-tint-3: #cfd7d0;--application-surface-shade-0: #0d2e11;--application-surface-shade-1: #0a220d;--application-surface-shade-2: #061708;--application-surface-shade-3: #030b04;--pipeline-edge: #34f4ff;--pipeline-edge-tint-0: #5df6ff;--pipeline-edge-tint-1: #85f8ff;--pipeline-edge-tint-2: #aefbff;--pipeline-edge-tint-3: #d6fdff;--pipeline-edge-shade-0: #2ac3cc;--pipeline-edge-shade-1: #1f9299;--pipeline-edge-shade-2: #156266;--pipeline-edge-shade-3: #0a3133;--pipeline-surface: #19426a;--pipeline-surface-tint-0: #476888;--pipeline-surface-tint-1: #758ea6;--pipeline-surface-tint-2: #a3b3c3;--pipeline-surface-tint-3: #d1d9e1;--pipeline-surface-shade-0: #143555;--pipeline-surface-shade-1: #0f2840;--pipeline-surface-shade-2: #0a1a2a;--pipeline-surface-shade-3: #050d15;--infrastructure-edge: #c55eff;--infrastructure-edge-tint-0: #d17eff;--infrastructure-edge-tint-1: #dc9eff;--infrastructure-edge-tint-2: #e8bfff;--infrastructure-edge-tint-3: #f3dfff;--infrastructure-edge-shade-0: #9e4bcc;--infrastructure-edge-shade-1: #763899;--infrastructure-edge-shade-2: #4f2666;--infrastructure-edge-shade-3: #271333;--infrastructure-surface: #60275f;--infrastructure-surface-tint-0: #80527f;--infrastructure-surface-tint-1: #a07d9f;--infrastructure-surface-tint-2: #bfa9bf;--infrastructure-surface-tint-3: #dfd4df;--infrastructure-surface-shade-0: #4d1f4c;--infrastructure-surface-shade-1: #3a1739;--infrastructure-surface-shade-2: #261026;--infrastructure-surface-shade-3: #130813;--neutral: #3a3a3a;--neutral-tint-0: #616161;--neutral-tint-1: #898989;--neutral-tint-2: #b0b0b0;--neutral-tint-3: #d8d8d8;--neutral-shade-0: #2e2e2e;--neutral-shade-1: #232323;--neutral-shade-2: #171717;--neutral-shade-3: #0c0c0c}button{border:none}.branding{font-family:Jura;font-size:5em;font-weight:700;color:var(--neutral-tint-2);letter-spacing:.1em;text-align:justify}div{font-family:Rhodium Libre;font-size:1em;color:var(--neutral-tint-3);letter-spacing:2px}h1{font-family:Pridi;font-size:5em;font-weight:600;letter-spacing:5px;color:var(--neutral-tint-3)}h2{font-family:Pridi;font-size:4em;font-weight:600;letter-spacing:4px;color:var(--neutral-tint-3)}h3{font-family:Pridi;font-size:3em;font-weight:500;letter-spacing:3px;color:var(--neutral-tint-3)}h4{font-family:Pridi;font-size:2em;font-weight:500;letter-spacing:2px;color:var(--neutral-tint-3)}h5{font-family:Pridi;font-size:1em;font-weight:400;letter-spacing:2px;color:var(--neutral-tint-3)}.jfdi{font-size:1em;display:inline-block}.logo{display:flex;align-items:center}.logo.horizontal{flex-direction:row;gap:1em}.logo.vertical{flex-direction:column;gap:0em}.nav-button{font-family:Pridi;font-size:medium;font-weight:500;background-color:var(--neutral-shade-1);color:var(--neutral-tint-2);border-radius:48px;padding:5px 20px;box-sizing:content-box;text-transform:uppercase;letter-spacing:2px;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--button-glow);text-underline-offset:10px}@keyframes button-underline{to{text-decoration-thickness:4px;text-underline-offset:2px}}.nav-button:hover{cursor:pointer;color:var(--neutral-tint-2);animation-name:button-underline;animation-duration:.5s;animation-direction:alternate;animation-iteration-count:infinite}.nav-button:active{cursor:pointer;color:var(--neutral-tint-1);animation:none}.nav-bar{width:100%;background-color:var(--neutral-shade-1);padding:1em;display:flex;flex-direction:row;justify-content:space-between;gap:2em}.secondary-button a{color:var(--neutral-tint-2);text-decoration:none;font-family:Pridi;font-weight:500}.secondary-button a:hover{text-decoration:dashed underline 1px;text-underline-offset:2px}img.icon{color:var(--neutral-tint-2);position:relative;top:3px;margin-left:5px}img.small{width:16px;height:16px}.top-bar{position:fixed;z-index:500;top:0;left:0;width:100%;background-color:var(--neutral-shade-2);border-bottom:solid 1px var(--neutral-tint-1);display:flex;justify-content:flex-end;align-items:center;padding-top:5px;padding-bottom:5px}.top-bar .right{display:flex;flex-direction:row;gap:2em;margin-right:50px}html{scroll-behavior:smooth}svg.no-clip{overflow:visible}@keyframes move-infrastructure{0%{transform:translateY(0);scale:800%}to{transform:translateY(300px);scale:1000%}}@keyframes move-pipeline{0%{transform:translateY(0);scale:800%}to{transform:translateY(200px);scale:1000%}}@keyframes move-application{0%{transform:translateY(0);scale:800%}to{transform:translateY(100px);scale:1000%}}.bois{position:relative}svg.big-boi{transform-origin:0px 0px;position:fixed;top:5em;animation-duration:1s;animation-iteration-count:1;animation-timing-function:linear;animation-play-state:paused}svg.infrastructure{translate:-900px;z-index:1;animation-delay:calc(var(--scroll) * -.1s);animation-name:move-infrastructure}svg.pipeline{translate:-900px;z-index:1;animation-delay:calc(var(--scroll) * -.1s);animation-name:move-pipeline}svg.application{translate:-900px;z-index:1;animation-delay:calc(var(--scroll) * -.1s);animation-name:move-application}@keyframes shrink{to{font-size:0px;opacity:-.5;margin-bottom:0}}@keyframes shrink-hero{to{padding-bottom:0}}.shrink{animation:shrink .5s;animation-timing-function:cubic-bezier(0,0,.8,1);animation-iteration-count:1;animation-play-state:paused;animation-fill-mode:forwards;animation-delay:calc(var(--scroll) * -.999s);margin-bottom:5em}.main-container{max-width:50%}section.infrastructure{scroll-margin-top:25em}section.pipeline{scroll-margin-top:30em}section.application{scroll-margin-top:15em}.infrastructure-container{margin-top:150em;background-color:var(--neutral-shade-0)}.pipeline-container,.application-container{margin-top:10em;background-color:var(--neutral-shade-0)}.explainer{display:flex;flex-direction:column;align-items:flex-end;padding-right:2em}.explainer p{width:50%}.explainer h2{z-index:2;padding:20px;border-radius:16px;border-bottom:none;display:inline-block;letter-spacing:10px;text-decoration-line:underline;text-decoration-thickness:40px}.infrastructure-container .explainer h2{border:solid 1px var(--infrastructure-edge-shade-0);border-top:solid 2px var(--infrastructure-edge-tint-0);background-color:var(--infrastructure-surface-shade-2);text-decoration-color:var(--infrastructure-surface-shade-1)}.pipeline-container .explainer h2{border:solid 1px var(--pipeline-edge-shade-0);border-top:solid 2px var(--pipeline-edge-tint-0);background-color:var(--pipeline-surface-shade-2);text-decoration-color:var(--pipeline-surface-shade-1)}.application-container .explainer h2{border:solid 1px var(--application-edge-shade-0);border-top:solid 2px var(--application-edge-tint-0);background-color:var(--application-surface-shade-2);text-decoration-color:var(--application-surface-shade-1)}.application-container{margin-bottom:30em}.nav-bar{max-width:80%;align-self:center}.main-page{position:relative;background-color:var(--neutral-shade-1);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-container{z-index:5;width:100%;position:sticky;top:0;background-color:var(--neutral-shade-1);padding-bottom:10em;animation:shrink-hero .5s;animation-timing-function:cubic-bezier(0,0,.8,1);animation-iteration-count:1;animation-play-state:paused;animation-fill-mode:forwards;animation-delay:calc(var(--scroll) * -.999s);box-shadow:0 20px 15px rgba(from var(--neutral-shade-1) r g b / .8)}.hero{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:50px;width:60%;margin-left:auto;margin-right:auto}