.dag{opacity:0;transform:translateY(20px);overflow:hidden}.dag.reveal{opacity:1;transform:translateY(0);transition:all .5s ease-out .5s;transition-property:opacity,transform}.dag{position:relative;align-items:center;height:500px;width:100%;background:var(--bg-400);container-type:size;--psize:15px;--s5:5cqw;--bg:var(--bg-600);--p1:45cqw;--p2h:40cqh;--p3:45cqw;.delta-label{position:absolute;top:calc(50% - var(--p2h) / 2 + 16px);left:calc(var(--s5) * .75 + var(--p1) + var(--p3) / 2);font-weight:700}.emitter-wrapper{position:absolute;top:calc(50% - (var(--s5) / 2));left:var(--s5)}.emitter-wrapper label{top:-45%;position:absolute;width:100%;text-align:center;display:block;padding-bottom:var(--spacer);font-weight:700}.emitter{width:var(--s5);aspect-ratio:1;background:var(--bg);cursor:pointer;&:hover{background:var(--bg-700)}}.path-1{position:absolute;top:calc(50%);width:var(--p1);left:var(--s5);height:1px;border-top:1px dashed var(--fg)}.path-2{--h:var(--p2h);top:calc(50% - var(--h) / 2);height:var(--h);width:1px;border-right:1px dashed var(--fg)}.path-2,.path-3{position:absolute;left:calc(var(--s5) + var(--p1))}.path-3{top:calc(50% + var(--p2h) / 2)}.path-3,.path-4{width:var(--p3);height:1px;border-top:1px dashed var(--fg)}.path-4{position:absolute;top:calc(50% - var(--p2h) / 2);left:calc(var(--s5) + var(--p1))}.dag-table{font-family:var(--font-mono);font-size:var(--text-12);width:100%;border-spacing:4px;border-collapse:separate;th{text-align:left;font-weight:700}td,th{padding-bottom:var(--spacer)}td{animation:dag-fade-in .5s ease-out 1 forwards}}.ring-table-wrapper{--h:40cqh;--cols:4;position:absolute;height:var(--h);top:calc(50% - var(--h) / 2);left:calc(var(--s5) + 10cqw);display:flex;flex-direction:column;label{font-weight:700}.ring-table{height:100%;width:25cqw}}.cum-sum-table,.ring-table,.sum-by-table{background:var(--bg-600);padding:var(--spacer-sm) var(--spacer) var(--spacer-sm) var(--spacer-sm);border:1px solid var(--fg);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--fg) var(--bg-600)}.sum-by-table{top:calc(50% - var(--p2h) / 2);transform:translateY(-50%);width:14cqw}.cum-sum-table,.sum-by-table{position:absolute;right:var(--s5)}.cum-sum-table{top:calc(50% + var(--p2h) / 2 - 15cqh);width:12cqw;height:30cqh}.cum_sum,.partition_by,.sum_by{position:absolute;padding:var(--spacer-sm);background:var(--bg);border:1px solid var(--fg)}.partition_by{top:calc(50%);left:calc(var(--s5) + var(--p1));transform:translate(-50%,-50%)}.sum_by{top:calc(50% - var(--p2h) / 2)}.cum_sum,.sum_by{left:calc(var(--s5) + var(--p1) + var(--s5));transform:translateY(-50%)}.cum_sum{top:calc(50% + var(--p2h) / 2)}.particle{--anim-length:15s;--anim-delay:1s;height:var(--psize);width:var(--psize);position:absolute;top:calc(50% - var(--psize) / 2);left:calc(var(--s5) + var(--s5) / 2 - var(--psize) / 2);overflow:visible;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.particle.clicked{--anim-delay:0s;.delta{--anim-length:14s}}.particle.blue{--color:var(--primary);animation:dag-fade-and-scale-in .2s forwards ease-out,dag-blue var(--anim-length) var(--anim-delay) forwards linear 1}.particle.black{--color:var(--fg);animation:dag-fade-and-scale-in .2s forwards ease-out,dag-black var(--anim-length) var(--anim-delay) forwards linear 1}.particle .shape{position:absolute;top:0;left:0;height:var(--psize);width:var(--psize)}.particle.triangle .shape{background:var(--color);-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.particle.square .shape{background:var(--color)}.particle.pentagon .shape{background:var(--color);-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.particle .delta{--delay:0.77;font-size:var(--text-14);font-weight:700;color:var(--fg);opacity:0;animation:dag-delta .5s calc(var(--anim-length) * var(--delay)) forwards ease-out 1}.particle.black .delta{--delay:0.83}}@keyframes dag-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dag-fade-and-scale-in{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes dag-delta{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:1;transform:translateY(-100%)}}@keyframes dag-blue{0%{transform:translate(0)}45%{transform:translate(calc(45cqw - var(--s5) / 2))}55%{transform:translate(calc(45cqw - var(--s5) / 2),calc(-1 * var(--p2h) / 2))}to{transform:translate(calc(45cqw - var(--s5) / 2 + 45cqw - var(--psize)),calc(-1 * var(--p2h) / 2))}}@keyframes dag-black{0%{transform:translate(0)}45%{transform:translate(calc(45cqw - var(--s5) / 2))}55%{transform:translate(calc(45cqw - var(--s5) / 2),calc(var(--p2h) / 2))}to{transform:translate(calc(45cqw - var(--s5) + 45cqw - var(--psize)),calc(var(--p2h) / 2))}}@media screen and (max-width:980px){.dag{font-size:.75em;.dag-table{font-size:.625rem}}}@media screen and (max-width:768px){.dag{font-size:.5rem;height:800px;--p1:40cqh;--p2h:40cqw;--p3:35cqh;--s5:8cqw;.dag-table{font-size:.5rem}.particle{--psize:10px;top:calc(var(--s5) + var(--s5) / 2 - var(--psize) / 2);left:calc(50% - var(--psize) / 2)}.particle .delta{--delay:0.79;font-size:.8rem;position:absolute;top:-.2rem;left:calc(var(--psize) / 2)}.particle.black .delta{--delay:0.79}.emitter-wrapper{top:var(--s5);left:calc(50% - (var(--s5) / 2))}.emitter-wrapper label{top:-1rem;width:100%}.path-1{top:calc(var(--s5) * 2);left:50%;width:1px;height:var(--p1);border-top:none;border-left:1px dashed var(--fg)}.path-2{left:calc(50% - var(--p2h) / 2);height:1px;width:var(--p2h);border-right:none;border-top:1px dashed var(--fg)}.path-2,.path-3,.path-4{top:calc(var(--s5) * 2 + var(--p1))}.path-3,.path-4{height:var(--p3);width:1px;border-top:none;border-left:1px dashed var(--fg)}.path-3{left:calc(50% + var(--p2h) / 2)}.path-4{left:calc(50% - var(--p2h) / 2);height:calc(var(--p3) * .7)}.partition_by{top:calc(var(--s5) * 2 + var(--p1));left:50%;transform:translate(-50%,-50%)}.sum_by{left:calc(50% - var(--p2h) / 2)}.cum_sum,.sum_by{top:calc(var(--s5) * 2 + var(--p1) + var(--p3) * .2);transform:translate(-50%,-50%)}.cum_sum{left:calc(50% + var(--p2h) / 2)}.ring-table-wrapper{--h:25cqh;top:calc(var(--s5) * 2.5);left:50%;transform:translateX(-50%);width:auto;height:var(--h);.ring-table{width:50cqw}}.sum-by-table{top:calc(var(--s5) + var(--p1) + var(--p3) * .79);left:var(--s5);transform:none;width:40%;height:15cqh}.cum-sum-table{top:calc(var(--s5) + var(--p1) + var(--p3) * .86);right:var(--s5);width:40%;height:18cqh}.cum_sum,.partition_by,.sum_by{padding:5px 3px}.cum-sum-table,.ring-table,.sum-by-table{padding:8px 4px}.delta-label{top:calc(var(--s5) * 2 + var(--p1) + var(--p3) * .4);left:calc(50% + var(--p2h) / 2 + var(--s5) + var(--s5) / 2)}}@keyframes dag-delta{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:1;transform:translate(var(--psize))}}@keyframes dag-blue{0%{transform:translate(0)}45%{transform:translateY(calc(var(--p1) + var(--s5) / 2))}63%{transform:translate(calc(-1 * var(--p2h) / 2),calc(var(--p1) + var(--s5) / 2))}to{transform:translate(calc(-1 * var(--p2h) / 2),calc(var(--p1) + var(--p3)))}}@keyframes dag-black{0%{transform:translate(0)}48%{transform:translateY(calc(var(--p1) + var(--s5) / 2))}63%{transform:translate(calc(var(--p2h) / 2),calc(var(--p1) + var(--s5) / 2))}to{transform:translate(calc(var(--p2h) / 2),calc(var(--p1) + var(--p3)))}}}.the-description{display:flex;flex-direction:column;margin-bottom:calc(.25 * var(--section-spacing));p{font-size:var(--p-size);margin-bottom:var(--spacer-lg)}.Switch{justify-content:flex-end;margin-bottom:var(--spacer-md)}p{display:none}p.show{display:block;visibility:hidden;strong{visibility:visible}}&.reveal{p.show{display:block;visibility:visible;>:not(strong){animation:description-fade-in .5s backwards;animation-delay:calc(var(--word-index) * 7.5ms)}}}}@keyframes description-fade-in{0%{opacity:0}to{opacity:1}}.hero-canvas:not(:empty){animation:hero-fade-in 1s forwards}.hero-canvas{--hero-canvas-fg:var(--fg-1100);--hero-canvas-fg-hover:var(--fg-800);--hero-canvas-bg:var(--bg-content)}[data-theme=dark] .hero-canvas{--hero-canvas-fg:var(--fg-1100);--hero-canvas-fg-hover:var(--fg-400);--hero-canvas-bg:var(--bg-content)}.hero-canvas{--bottom-mask-height:85%;color:var(--fg-1100);position:absolute;width:100%;height:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,transparent var(--bottom-mask-height));mask-image:linear-gradient(to bottom,transparent,#000 10%,transparent var(--bottom-mask-height));opacity:0}@keyframes hero-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hero-canvas-scroll-loop{0%{transform:translateY(0)}to{transform:translateY(-26px)}}@media screen and (max-width:600px){.hero-canvas{--bottom-mask-height:60%}}.hero-video-container{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.65);display:grid;place-items:center;z-index:1000;animation:videoFadeIn 1s;iframe{border:0;width:80%;aspect-ratio:16/9;max-height:80vh;border-radius:15px;background:#000}}.hero-video-btn{display:flex;align-items:center;color:inherit;font-size:inherit;font-weight:700;border:0;padding:0;background:none;position:relative;cursor:pointer;&:hover{color:var(--primary);.hero-video{img{transform:scale(1.075)}}}.hero-video{display:grid;align-items:center;margin-right:var(--spacer-sm);position:relative;will-change:transform;transition:all .25s;&.open{opacity:0;&:after,img{animation:none;transform:translatey(0)}}&:after{position:absolute;z-index:1;content:"";display:block;width:100%;height:4px;bottom:-20px;border-radius:50%;background:radial-gradient(hsl(var(--shadow-color)),transparent);filter:blur(3px)}&:after,img{grid-column:1;grid-row:1}img{border-radius:3px;transition:all .25s;will-change:transform}}}@keyframes videoFadeIn{0%{opacity:0}10%{opacity:0}to{opacity:1}}@keyframes float{0%{transform:translatey(0)}25%{transform:rotate(-3deg) translatey(-8px)}50%{transform:rotate(4deg) translatey(2px)}75%{transform:rotate(2deg) translatey(-6px)}to{transform:translatey(0)}}@keyframes float-shadow{0%{transform:scaleX(1)}25%{transform:scaleX(.94)}50%{transform:scaleX(1.02)}75%{transform:scaleX(.94)}to{transform:scaleX(1)}}.marketing{display:block;padding:var(--spacer-xl) var(--spacer-md);text-align:center;margin-bottom:var(--section-spacing);font-family:var(--font-heading);font-size:var(--p-large-size);font-weight:700;text-wrap:balance;.sales-video-container{position:relative;z-index:1;.sales-video-wrapper{position:absolute;top:0;left:0;transition:none;transform:translate(calc(var(--x) + 15px),calc(var(--y) + 15px));pointer-events:none}.sales-video{transform-origin:top left;opacity:0;pointer-events:none}&:has(a:hover) .sales-video{animation:sales-video-scale-in .25s ease-out forwards}}span{display:inline-block;opacity:0;transform:translateY(20px);transition:all .15s ease-out;transition-property:opacity,transform}span+span{transition-delay:.15s}span+span+span{transition-delay:.3s}span+span+span+br+span{display:block;transition-delay:.45s;font-weight:400;text-wrap:balance}}.marketing.reveal span{opacity:1;transform:translateY(0)}@media screen and (max-width:768px){.marketing{padding:var(--spacer-lg) var(--spacer-md);span{display:inline}}}@keyframes sales-video-scale-in{0%{transform:scale(.8);opacity:0}80%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.pricing{--section-delay:0s;h2{opacity:0;transform:translateY(20px);transition:all .25s ease-out;transition-property:opacity,transform;transition-delay:var(--section-delay)}.hr{transform:scaleX(0);transform-origin:0 50%;transition:all .25s ease-out;transition-delay:calc(.15s + var(--section-delay))}h3{transition:all .25s ease-out;transition-property:opacity,transform;transition-delay:calc(.25s + var(--section-delay))}.price,h3{opacity:0;transform:translateY(20px)}.price{transition:all .25s ease-out;transition-property:opacity,transform;transition-delay:calc(.35s + var(--section-delay))}.price+a{transition:all .25s ease-out;transition-property:opacity,transform;transition-delay:calc(.45s + var(--section-delay))}.price+a,ul{opacity:0;transform:translateY(20px)}ul{transition:all .25s ease-out;transition-property:opacity,transform;transition-delay:calc(.55s + var(--section-delay))}.enterprise{--section-delay:0.15s}}.pricing.reveal{h2,h3{opacity:1;transform:translateY(0)}.hr{transform:scaleX(1)}.price,.price+a,ul{opacity:1;transform:translateY(0)}}.pricing{margin-bottom:var(--section-spacing);font-size:var(--p-size);h2{margin-bottom:var(--spacer-lg)}h2,h3{font-size:var(--h2-size)}h3{margin-bottom:var(--spacer)}.hr{margin-bottom:var(--spacer-lg)}.price{font-size:var(--h1-size);font-weight:700;small{font-size:var(--h3-size);font-weight:400}}.price+a{margin-bottom:var(--spacer-lg)}.speeds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--spacer-xl);gap:var(--spacer-xl);font-size:var(--p-small-size);ul{margin-top:var(--spacer-lg);list-style:none}li{font-family:var(--font-heading);font-weight:700;margin-bottom:var(--spacer-md)}li li{font-family:var(--font-body);font-weight:400;margin-bottom:var(--spacer-sm)}li ul{margin-top:var(--spacer);list-style:square;list-style-position:inside;padding-left:var(--spacer)}li ul li ul{padding-left:var(--spacer-lg)}li ul:has(li ul){padding-left:0;list-style:none}li ul:has(li ul) li{font-size:calc(var(--p-small-size) * .85);font-family:var(--font-heading);font-weight:700}li ul:has(li ul) li li{font-size:var(--p-small-size);font-weight:400;font-family:var(--font-body)}}}@media screen and (max-width:980px){.pricing{.speeds{grid-template-columns:1fr}}}.problem{margin-bottom:var(--section-spacing);h2{font-size:var(--hero-sub);margin-bottom:var(--spacer-xl);text-wrap:balance}p{font-size:var(--p-size);text-wrap:pretty}div{display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:var(--spacer-xl);gap:var(--spacer-xl);padding-bottom:var(--spacer-lg);margin-bottom:var(--spacer-lg);border-bottom:2px solid var(--fg);opacity:0;transform:translateY(20px);transition:.2s ease-out;transition-property:opacity,transform}div:last-of-type{padding-bottom:0;margin-bottom:0;border-bottom:0}div p:first-of-type{font-weight:700}div+div{transition-delay:.2s}div+div+div{transition-delay:.4s}div+div+div+div{transition-delay:.6s}}.problem.reveal div{opacity:1;transform:translateY(0)}@media screen and (max-width:980px){.problem{div{grid-template-columns:1fr;gap:var(--spacer-xs)}}}.the-diagram{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;grid-column-gap:var(--spacer-xl);column-gap:var(--spacer-xl);position:relative;margin-bottom:var(--section-spacing);h2{position:relative;display:flex;align-items:flex-end;font-size:var(--h3-size);grid-row:2;padding-bottom:var(--spacer-md);margin-bottom:var(--spacer-md);text-wrap:balance;&:before{position:absolute;content:"";display:block;width:100%;height:2px;bottom:0;background-color:var(--fg)}}h2+ul+h2{grid-column:3;+ul{grid-column:3}}h2+ul+h2+ul+h2{grid-column:5;+ul{grid-column:5}}ul{list-style:none;grid-row:3}li{line-height:1.5;font-size:var(--text-18)}li.sub{font-size:var(--text-16);font-weight:700;text-transform:uppercase;margin-top:var(--spacer-md);text-decoration:none}li.sub:is(:first-child){margin-top:0}.arrow{--width:36px;--thickness:2px;--height:18px;--color:var(--fg);justify-self:center;width:var(--width);height:var(--thickness);background-color:var(--color);position:absolute;top:40px;grid-row:1;grid-column:2/3;+.arrow{grid-column:4/5}&:after,&:before{content:"";position:absolute;height:calc(var(--height) / 2);width:var(--thickness);top:0;right:calc(-1 * var(--thickness) / 2);background-color:var(--color);transform-origin:100% calc(var(--thickness) / 2)}&:after{transform:rotate(45deg) translateY(calc(var(--thickness) / 2))}&:before{transform:rotate(135deg) translate(var(--thickness),calc(var(--thickness) / 2))}}}.the-diagram{h2,ul{opacity:0;transform:translateY(30px);transition:all .35s ease-out;transition-property:opacity,transform}h2:before{transform:scaleX(0);transform-origin:0 50%;transition:all .35s ease-in-out;transition-property:opacity,transform}.arrow{opacity:0;transform:translateX(-20px);transition:all .5s ease-in-out;transition-delay:.2s;transition-property:opacity,transform}.arrow+.arrow{transition-delay:.4s}h2+ul+h2{transition-delay:.15s;&:before{transition-delay:.15s}}h2+ul+h2+ul+h2{transition-delay:.3s;&:before{transition-delay:.3s}}h2+ul,h2+ul+h2+ul{transition-delay:.45s}h2+ul+h2+ul+h2+ul{transition-delay:.6s}&.reveal{h2,ul{opacity:1;transform:translateY(0)}h2:before{transform:scaleX(1)}.arrow{opacity:1;transform:translateX(0)}}}@media screen and (max-width:980px){.the-diagram{grid-template-columns:1fr;column-gap:0;row-gap:var(--spacer);h2,ul{grid-column:1!important;grid-row:auto!important}ul{margin-bottom:var(--spacer-lg)}.arrow{display:none}}}