@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,300&family=Roboto+Mono:wght@200;300;400;500&display=swap";body{margin:0;overflow-x:hidden}@font-face{font-family:Dixon;src:url(/assets/BNDixon-B-KAw96_.otf)}main{width:100vw;position:relative}div.home{width:100vw}div.home>svg{position:absolute}svg.main{top:0;left:0;z-index:2}svg.graph{top:30vw;left:10vw}img.logo{width:30vw}div.grid{position:absolute;top:0;left:0;display:flex;width:90vw;margin:5vw;flex-wrap:wrap;z-index:-1}div.grid>div{width:5vw;height:5vw;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:none}div.grid>div>div{width:2px;height:2px;border-radius:2px;background-color:#000}img.gradient0{height:15.1vw;left:7.5vw;top:32.45vw;z-index:3;position:absolute;filter:grayscale(100%) brightness(150%)}div.gradient{height:5.03vw;left:7.5vw;z-index:2;position:absolute}div.gradient1{top:32.5vw;width:20vw;background:linear-gradient(to right,#ffc485,#ffd0a8b4)}div.gradient2{top:37.5vw;width:25vw;background:linear-gradient(to right,#ff9e72,#ffc7ab)}div.gradient3{top:42.5vw;width:30vw;background:linear-gradient(to right,#ff725f,#ffa399)}h1{font-size:6.8vw;letter-spacing:.08vw;color:#000;font-family:Dixon;text-transform:uppercase;line-height:6vw;margin:0;padding:0}h2{font-size:4.6vw;letter-spacing:.08vw;color:#000;font-family:Dixon;text-transform:uppercase;line-height:5vw;margin:0;padding:0;width:20vw}h3{width:60vw;font-size:1.5vw;color:#000;margin:0;padding:0;font-family:Roboto Mono,monospace}h4{width:83vw;height:3vw;font-size:1.1vw;color:#000;margin:0;padding:1.8vw;font-family:Roboto Mono,monospace}.logo{position:absolute;left:7.5vw;top:7.5vw}.manufacture{position:absolute;left:7.5vw;top:12.5vw;color:#515151}div.login{font-family:Tungsten A,Tungsten B;font-style:normal;font-weight:500;position:absolute;right:7.5vw;top:42.5vw;width:calc(15vw - 10px);height:calc(5vw - 10px);z-index:4;text-transform:lowercase;cursor:pointer;padding:5px;font-size:3.5vw;letter-spacing:.25vw;display:flex;justify-content:center;align-items:center;background-color:#4a519d;color:#fff;box-shadow:0 0 18px #adadad}div.desc{position:absolute;left:7.5vw;top:52.5vw;width:60vw;height:10vw;line-height:4.7vw;font-family:Tungsten A,Tungsten B;font-style:normal;font-weight:500;font-size:3.5vw;background-color:#fff;padding:1px}svg.flow{top:125vw;left:0;z-index:2}svg.flow>text{z-index:4;font-size:5vw;fill:#5c5c5c;font-family:Tungsten A,Tungsten B;text-transform:uppercase;font-weight:600}div.flow-desc{position:absolute;text-align:center;padding:0vw 15vw;left:7.5vw;top:140vw;width:55vw;line-height:3vw;font-family:Tungsten A,Tungsten B;font-style:normal;font-weight:600;font-size:2.3vw;background-color:#fff;color:#5c5c5c;margin-bottom:400px}svg.flow>circle{fill:#8eb8e8}img.cycle{width:44vw;top:70vw;left:28vw;position:absolute}header{pointer-events:none;width:100vw;display:flex;justify-content:flex-start;height:45px;position:fixed;z-index:4;top:0}header svg{padding:4px;pointer-events:all}main{position:absolute}@media only screen and (max-width: 500px){header{height:55px;top:calc(100vh - 55px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.c-flex{position:absolute;margin:7.5vw;width:85vw;display:flex;flex-direction:row;flex-wrap:wrap}div.head{width:90vw;height:5vw;margin:0;padding:0;margin-bottom:5vw}div.tool{border-bottom:2px solid rgb(0,0,0);margin-bottom:5vw}div.tool-head{width:85vw;height:calc(10vw - 1.5px);margin:0;padding:0;cursor:pointer;display:flex}img.tool-head{width:5vw;height:5vw}.clip-path{clip-path:circle(2.5vw at center)}div.tool-main{display:flex;flex-direction:row;flex-wrap:wrap}.c-1{width:30vw;height:15vw;background-color:#fff;box-shadow:0 0 18px #cfcfcf;border-radius:25px;display:flex;flex-direction:column;align-items:center;margin:5vw;font-family:Tungsten A,Tungsten B;font-style:normal;font-weight:500;font-size:2.5vw}.c-1-head{width:90%;padding:5%}.c-1-drop{margin:20px 0;width:90%}div.viz1{width:35vw;height:35vw;margin:5vw;display:flex;background-color:#fff}div.viz1>svg{width:91%;height:100%}svg.histogram>text{z-index:4;font-size:3vw;fill:#5a5a5a;font-family:Tungsten A,Tungsten B;text-transform:uppercase;font-weight:600}div.yaxis{height:100%;width:9%;font-size:3vw;color:#5a5a5a;font-family:Tungsten A,Tungsten B;text-transform:uppercase;font-weight:600;transform:rotate(180deg);writing-mode:vertical-lr;text-align:center}