@keyframes animate-left{0%{opacity:0;transform:translate(-200px)}25%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes animate-right{0%{opacity:0;transform:translate(200px)}25%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes animate-fade{0%{opacity:0}25%{opacity:1}to{opacity:1}}@keyframes animate-scale{0%{opacity:0;transform:scale(1.75)}25%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes fadein-heading{0%{transform:scale(.8) translateY(-75px);opacity:0}20%{opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadein-description{0%{transform:scale(.9) translateY(-60px);opacity:0}20%{opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadein{0%{transform:translateY(-60px);opacity:0}to{transform:translateY(0);opacity:1}}.scroll-animation-left{animation:animate-left linear;animation-timeline:view();will-change:transform,opacity}.scroll-animation-right{animation:animate-right linear;animation-timeline:view();will-change:transform,opacity}.scroll-animation-fade{animation:animate-fade linear;animation-timeline:view();will-change:opacity}.scroll-animation-scale{animation:animate-scale linear;animation-timeline:view();will-change:transform,opacity}.fadein-animation-heading{animation:fadein-heading .5s ease-in-out}.fadein-animation-description{animation:fadein-description 1s ease-in-out}.fadein-animation{animation:fadein 1.25s ease-in-out}.fadein-animation-slow{opacity:0;animation:animate-fade 10s ease-in-out 1s forwards}html{scroll-behavior:smooth}body{background-color:#1c1d1f;font-family:Inter,sans-serif;color:#fff;margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased}.logo-fluidon{font-weight:500}.logo-cube{font-weight:700}a{color:#3aaae3;text-decoration:none}.button{font-size:16px;background-color:#1d82ce;color:#fff!important;padding:12px 24px;border-radius:10px;display:inline-flex;align-items:center;text-decoration:none;height:18px;margin:8px 0;border:1px solid #1d82ce;transition:all .3s ease-in-out}.button:hover{border:1px solid #cde0ff;box-shadow:0 0 7px #1d82cec2}.button-placeholder{width:50px;height:60px}.big-button{font-size:24px!important;padding:16px 32px!important}.switch{position:relative;display:inline-block;width:200px;height:44px;border-radius:10px;font-size:16px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;border-radius:10px;overflow:hidden;border:1px solid #1d82ce;transition:all .3s ease-in-out}.slider:hover{box-shadow:0 0 7px #1d82ce;border:1px solid white}.slider:before{position:absolute;content:"";height:42px;width:100px;left:0;bottom:0;transition:.2s;background:#1d82ce;mix-blend-mode:screen}input:checked+.slider:before{left:100px}@keyframes price-animation{0%{filter:blur(0);transform:scale(1)}50%{filter:blur(2px);transform:scale(.9)}to{filter:blur(3px);transform:scale(0)}}.price-animation-out{animation:price-animation .2s forwards ease-in-out}.price-animation-in{animation:price-animation .2s reverse forwards ease-in-out}#menuToggle{display:block;position:relative;top:2px;right:0;z-index:4;-webkit-user-select:none;user-select:none;backdrop-filter:blur(10px);margin-left:30px}#menuToggle a{text-decoration:none;color:#fff;transition:color .3s ease}#menuToggle a:hover{color:#3aaae3}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:4;-webkit-touch-callout:none}#menuToggle>span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#fff;border-radius:3px;z-index:4;transform-origin:4px 0px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menuToggle>span:first-child{transform-origin:0% 0%}#menuToggle>span:nth-last-child(2){transform-origin:0% 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#fff}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(-1px)}#menu{position:absolute;width:200px;margin:-100px 0 0 -200px;padding:125px 50px 50px;background:#1c1d1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(100%);filter:blur(20px);opacity:0;transition:transform .5s cubic-bezier(.77,.2,.05,1),filter .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menu li{padding:10px 0;font-size:22px}#menuToggle input:checked~ul{transform:none;filter:blur(0);opacity:1}.container{width:80%;max-width:1500px;margin:auto;padding:0 20px}#header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:100%;position:fixed;z-index:10;background-color:#1c1d1fc8;height:100px;transition:.3s;display:flex}.header-img{display:flex;align-items:center;width:56px;height:56px;margin:0 16px -3px 0;transition:all linear .25s}.header-img img{width:inherit;height:inherit}.header-logo-text{font-size:24px}.header-item{margin-left:32px;font-size:16px}.header-item a{padding:0 16px;text-decoration:none;color:#fff}#content{margin:auto;padding-top:200px}#banner{background-color:#1c1d1f;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:auto auto 76px}#banner .heading{font-size:48px;font-weight:500;margin:0 24px}#banner .description{font-size:24px;color:#ffffff80;white-space:pre-line}div#teaser{width:100%;padding:30px 0;position:relative;align-self:center;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:linear-gradient(130deg,#55cdf6,#3aaae3,#1d82ce 66%,#005cba);border-radius:10px;filter:drop-shadow(0px 0 4px rgba(0,0,0,.25));-webkit-filter:drop-shadow(0px 0 4px rgba(0,0,0,.25))}div#teaser>img{max-width:1200px;width:80%;height:auto;display:block;margin:0 auto;border-radius:10px;filter:drop-shadow(0px 12px 28px rgba(0,0,0,.45));-webkit-filter:drop-shadow(0px 12px 28px rgba(0,0,0,.45))}#slogan{text-align:left;margin:128px 24px}#slogan .heading,#slogan .description{display:inline}#slogan .heading{font-size:36px;font-weight:500}#slogan .description{font-size:36px;color:#ffffff80}#features{scroll-margin-top:400px}.feature{display:flex;flex-direction:row;text-align:right;margin:0 0 64px;align-items:center;justify-content:center}.feature .heading{font-size:36px;font-weight:500;margin:4px 0}.feature .description{font-size:24px;font-weight:300;margin:4px 0}.feature .link{font-size:20px;font-weight:500;color:#55cdf6;text-decoration:none;margin:4px 0}.feature .link.inactive{color:#ffffff80;pointer-events:none}div.feature-img{width:45%;padding-bottom:calc(64.285% / 2.2);position:relative;object-fit:cover;align-self:center;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:linear-gradient(130deg,#55cdf6,#3aaae3,#1d82ce 66%,#005cba);border-radius:10px;filter:drop-shadow(0px 0 4px rgba(0,0,0,.25));-webkit-filter:drop-shadow(0px 0 4px rgba(0,0,0,.25))}div.gradient-bg{background-image:linear-gradient(130deg,#55cdf6,#3aaae3,#1d82ce 66%,#005cba)}div.feature-img>div{position:absolute;inset:0;text-align:center;display:flex;align-items:center;justify-content:center}div.feature-img>div>img{max-width:min(80%,620px);max-height:min(80%,400px);width:auto;height:auto;border-radius:5px;filter:drop-shadow(0px 12px 28px rgba(0,0,0,.45));-webkit-filter:drop-shadow(0px 12px 28px rgba(0,0,0,.45))}.feature-placeholder{width:10%;height:100%}.feature-text{width:45%;display:flex;flex-direction:column;justify-content:center}.feature.reverse{flex-direction:row-reverse;text-align:left}#pricing{margin:128px 0;scroll-margin-top:100px}#pricing .heading{font-size:36px;font-weight:500;margin:0 24px;color:#3aaae3}.pricing-table{margin-top:64px;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:0px;grid-row-gap:0px;min-width:890px;width:calc(100% - 1px)}.pricing-table-container{overflow-x:auto;overflow-y:hidden}.table-left{min-width:360px}.table-top{display:flex;align-items:center;justify-content:center;flex-direction:column}.table-middle{display:flex;align-items:center;flex-direction:column;text-align:center}.table-border-bottom{border-bottom:1px solid #1d82ce}.table-inside-border{border:1px solid white;border-top:none;border-bottom:none;display:flex;align-items:center;justify-content:center;flex-direction:column;width:72.5%;font-size:20px}.table-top .table-inside-border{height:226px;justify-content:space-around}.table-inside{border:1px solid white;border-top:none;border-bottom:none;width:72.5%}.table-header{display:flex;align-items:flex-end;font-weight:700;font-size:22px;height:56px;margin:0;line-height:0}.table-singleline-item{font-size:20px;margin:16px 0;height:24px;line-height:.25;position:relative}.table-underline-middle:before{content:"";position:absolute;left:10%;bottom:0;height:1px;width:80%;border-bottom:.5px dashed gray}.table-underline-side:before{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;border-bottom:.5px dashed gray}.table-multiline-item .table-item-description{font-size:14px;font-weight:300;margin:2px 0;height:18px}.table-multiline-item .table-item-heading{margin:0;font-size:20px;line-height:.2;height:18px}.table-multiline-item{margin:16px 0;position:relative}.table-multiline-item.one-sub-line{height:44px}.table-multiline-item.two-sub-lines{height:64px}.tick{color:#3aaae3}@keyframes scroll-hint{0%{transform:scaleX(1)}50%{transform:scaleX(1.05)}to{transform:scaleX(1)}}.table-scroll-hint{font-size:16px;align-items:center;justify-content:center;margin:16px 0;animation:scroll-hint 1s infinite;display:none}.table-annotations{font-size:14px;margin:24px 0;text-align:center}#schematics{margin:128px 0;scroll-margin-top:100px}#schematics .heading{font-size:36px;font-weight:500;margin:0 24px;color:#3aaae3;text-align:center}.schematic,.schematic-text-container,.schematic-img{height:460px}.schematic{margin:64px 0;width:100%;border:1px solid white;position:relative}.schematic-heading{font-size:36px;font-weight:500;padding:68px 16px 0;text-align:center;text-shadow:0 0 4px black}.schematic-description{font-size:24px;font-weight:400;padding:0 16px 68px;text-align:center;text-shadow:0 0 4px black}.schematic-text-container{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:calc(100% - 1px);z-index:1;backdrop-filter:blur(2px) grayscale(50%) contrast(70%) brightness(50%);-webkit-backdrop-filter:blur(2px) grayscale(50%) contrast(70%) brightness(50%)}.schematic-button{display:flex;align-items:center;justify-content:center;margin-bottom:128px}.schematic-img{position:relative;z-index:0;top:0;width:100%;object-fit:cover}#footer{border-top:2px solid gray;padding:64px 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:center;width:100%;height:128px}.form-element{margin:24px 0}.textblock{max-width:650px;margin:0 auto}.textblock h2{font-size:16px}.textblock ul{list-style:none}.textblock ul li{margin:8px 0}.lang-switcher{display:flex;align-items:center;gap:6px;margin-right:20px;font-size:14px;white-space:nowrap;user-select:none}.lang-switcher-globe{font-size:16px}.lang-option{color:#fff;text-decoration:none}.lang-option.lang-active{text-decoration:underline;cursor:default;pointer-events:none}.lang-option:not(.lang-active):hover{color:#3aaae3;cursor:pointer}.lang-sep{color:#ffffff80}#menu li.mobile-lang{font-size:15px;padding:8px 0 0;display:flex;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.2);margin-top:8px;user-select:none}#small-screen-menu{display:none}#big-screen-menu{display:block}@media(max-width:1350px){#banner .heading{font-size:42px}#banner .description{font-size:24px}}@media(max-width:1250px){.table-inside-border{width:65%;font-size:18px}.table-inside{width:65%}.table-header{font-size:20px;height:54px}.table-singleline-item{font-size:18px;height:22px}.table-multiline-item .table-item-description{font-size:12px;height:16px}.table-multiline-item .table-item-heading{font-size:18px}.table-multiline-item{height:40px}.table-multiline-item.one-sub-line{height:36px}.table-multiline-item.two-sub-lines{height:52px}}@media(max-width:1150px){#banner .heading{font-size:40px}#banner .description{font-size:22px}.container{width:calc(90% - 40px)}#small-screen-menu{display:block}#big-screen-menu,.lang-switcher{display:none}}@media(max-width:1050px){.table-scroll-hint{display:flex}}@media(max-width:850px){#slogan{text-align:center}.feature,.feature.reverse{flex-direction:column;margin:24px 0 64px}.feature-placeholder{display:none}.feature-text{width:100%;text-align:center;margin-bottom:24px}.feature-img{width:100%!important;padding-bottom:62.5%!important}.container{width:calc(100% - 40px)}.button{font-size:14px;padding:10px 20px}.switch{transform:scale(.9)}.table-annotations{font-size:12px}.schematic,.schematic-text-container,.schematic-img{height:400px}.schematic-heading{font-size:24px}.schematic-description{font-size:16px}}@media(max-width:750px){#banner .heading{font-size:38px}#banner .description{font-size:18px}.button{font-size:12px;padding:8px 16px}.switch{transform:scale(.8)}#footer{flex-direction:column;justify-content:center;align-items:center}.footer-item{margin-top:36px;margin-left:0}.schematic,.schematic-text-container,.schematic-img{height:320px}}@media(max-width:650px){#banner .heading{font-size:28px;margin:0}#banner .description{font-size:16px}.button{font-size:12px;padding:6px 12px}.switch{transform:scale(.7)}}@media(max-width:550px){#banner{margin-bottom:0}#banner .heading{font-size:22px}#banner .description{font-size:12px}.big-button{font-size:16px!important;padding:10px 22px!important}#pricing .heading,#schematics .heading{font-size:24px}.header-logo-text{font-size:16px}.header-img{width:40px;height:40px}#header{height:72px}#content{padding-top:120px}#slogan{margin:64px 0}#slogan .heading{font-size:22px}#slogan .description{font-size:14px}.feature .heading{font-size:22px}.feature .description{font-size:14px}.feature .link{font-size:12px}}
