.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}}}