.Home{width:100vw;height:100vh;position:absolute;top:0;left:0;scrollbar-width:none;overflow-x:hidden;overflow-y:scroll;background:#0d0d0d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.Home::-webkit-scrollbar{display:none}::selection{background:#e3ea9d}@media(max-aspect-ratio:1/1){.Home{width:100vh;height:100vw;transform:rotate(90deg);transform-origin:50vmin 50vmin}}.TopBar{position:fixed;top:0;right:0;left:0;height:4.8rem;background:#000;z-index:1000;font-size:1.24rem;letter-spacing:.05rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:topBarIn 8s ease-out}.TopBar,.TopBar .Left{display:flex;align-items:stretch}.TopBar .Left{padding:0 3.2rem}.TopBar .Left .Logo{display:flex;align-items:center;margin-right:2.8rem;padding:0 1.2rem}.TopBar .Left .Logo .Image{height:2.52rem;aspect-ratio:1;transform:translateY(.08rem);margin-right:.3rem}.TopBar .Left .Logo .Text{color:#fff;font-size:1.36rem;font-weight:500;white-space:nowrap}.TopBar .Right{display:flex;align-items:stretch;padding:0 3.2rem}.TopBar .Button{display:flex;align-items:center;padding:0 2rem;margin:0 -.5rem;color:#fff;font-weight:100;cursor:pointer;white-space:nowrap}.TopBar .Button .Image{height:1.3rem;margin-left:.8rem}.TopBar .Button:hover{background:#131313}.TopBar .Placeholder{flex-grow:1}.TopBar .PlaceholderMiddle{flex-grow:7;min-width:2.4rem}@keyframes topBarIn{0%{top:-4.8rem;opacity:0}90%{top:-4.8rem;opacity:0}to{top:0;opacity:1}}.Cover{height:100vmin;display:flex;align-items:center;background:#0d0d0d;animation:coverBackgroundIn 8s ease-out}.Cover .Content{width:100%;height:auto;aspect-ratio:3.8;display:flex;align-items:stretch;background:#eef0db;overflow:hidden;transform:translateY(1rem);animation:contentDown 10s ease-in-out}.Cover .Content .Left{display:flex;flex-grow:1;flex-direction:column;justify-content:center;align-items:center;position:relative}.Cover .Content .Left .Title{position:absolute;top:7.5vmax;font-size:2vmax;font-weight:700;animation:titleIn 5s linear}.Cover .Content .Left .Tip{position:absolute;top:10vmax;font-size:.8vmax;margin-top:.2vmax;animation:tipIn 5s linear}.Cover .Content .Left .Buttons{position:absolute;top:14vmax;display:flex;margin-top:1.6vmax;animation:buttonsIn 5s ease-in-out}.Cover .Content .Left .Buttons .Button{margin:.6vmax;padding:.5vmax 1.2vmax;font-size:.7vmax;border-radius:.2vmax;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Cover .Content .Left .Buttons .Button:hover{box-shadow:0 0 1.2vmax .6vmax rgba(0,0,0,.067)}.Cover .Content .Left .Buttons .QuickStart{background:#000;color:#fff}.Cover .Content .Left .Buttons .BrowserExample{border:1px solid #000}.Cover .Content .Middle{height:100%;aspect-ratio:1}.Cover .Content .Right{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.Cover .Content .Right .Title{position:absolute;top:7.5vmax;left:10vmax;font-size:1.5vmax;font-weight:700;margin-bottom:1.4vmax;animation:whyIn 10s linear}.Cover .Content .Right .TextHolder{position:absolute;top:13vmax;left:10.3vmax;animation:textIn 10s linear}.Cover .Content .Right .TextHolder .Text{font-size:.8vmax;margin:.2vmax 0}.Blocks{width:100%;height:100%;transform:rotate(45deg) scale(.7071);display:grid;grid-template-columns:repeat(5,20%);grid-template-rows:repeat(5,20%)}.Blocks .Block{margin:.27rem;opacity:0;transition:opacity 1s ease-in-out}.Blocks .Visible{background:#eef0db;opacity:1}@keyframes coverBackgroundIn{0%{background:#000}82%{background:#000}to{background:#0d0d0d}}@keyframes contentDown{0%{transform:translateY(0)}40%{transform:translateY(0)}to{transform:translateY(1rem)}}@keyframes titleIn{0%{-webkit-clip-path:polygon(0 0,8vmax 0,0 8vmax);clip-path:polygon(0 0,8vmax 0,0 8vmax);transform:translateY(2.5vmax)}20%{-webkit-clip-path:polygon(0 0,16vmax 0,0 16vmax);clip-path:polygon(0 0,16vmax 0,0 16vmax);transform:translateY(2.5vmax)}85%{-webkit-clip-path:polygon(0 0,16vmax 0,0 16vmax);clip-path:polygon(0 0,16vmax 0,0 16vmax);transform:translateY(2.5vmax);animation-timing-function:ease-out}to{-webkit-clip-path:polygon(0 0,16vmax 0,0 16vmax);clip-path:polygon(0 0,16vmax 0,0 16vmax);transform:translateY(0);animation-timing-function:ease-out}}@keyframes tipIn{0%{-webkit-clip-path:polygon(0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0);transform:translateY(2.5vmax)}10%{-webkit-clip-path:polygon(0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0);transform:translateY(2.5vmax)}40%{-webkit-clip-path:polygon(0 0,25vmax 0,0 25vmax);clip-path:polygon(0 0,25vmax 0,0 25vmax);transform:translateY(2.5vmax)}85%{-webkit-clip-path:polygon(0 0,25vmax 0,0 25vmax);clip-path:polygon(0 0,25vmax 0,0 25vmax);transform:translateY(2.5vmax);animation-timing-function:ease-out}to{-webkit-clip-path:polygon(0 0,25vmax 0,0 25vmax);clip-path:polygon(0 0,25vmax 0,0 25vmax);transform:translateY(0);animation-timing-function:ease-out}}@keyframes buttonsIn{0%{transform:translateY(1vmax);opacity:0}90%{transform:translateY(1vmax);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes whyIn{0%{-webkit-clip-path:polygon(0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0)}30%{-webkit-clip-path:polygon(0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0)}40%{-webkit-clip-path:polygon(0 0,20vmax 0,0 20vmax);clip-path:polygon(0 0,20vmax 0,0 20vmax)}to{-webkit-clip-path:polygon(0 0,20vmax 0,0 20vmax);clip-path:polygon(0 0,20vmax 0,0 20vmax)}}@keyframes textIn{0%{-webkit-clip-path:polygon(0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0)}28%{-webkit-clip-path:polygon(0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0)}38%{-webkit-clip-path:polygon(0 0,18vmax 0,0 18vmax);clip-path:polygon(0 0,18vmax 0,0 18vmax)}to{-webkit-clip-path:polygon(0 0,18vmax 0,0 18vmax);clip-path:polygon(0 0,18vmax 0,0 18vmax)}}.Center{width:100%;height:100%;display:grid;place-items:center}.Center>*{width:100%;height:100%;grid-area:1/1}.Center .Circle{border-radius:50%}.Center .CircleA{width:105%;height:105%;background:#cccfa6;box-shadow:0 0 2vmax 1.7vmax #cccfa6;animation:fadeInScaleA 10s}.Center .CircleB{width:77%;height:77%;background:#000;box-shadow:0 0 3vmax 3vmax #000;animation:fadeInScaleA 10s}.Center .CircleC{width:13%;height:13%;background:#000;box-shadow:0 0 6.7vmax 7vmax #000;z-index:1;animation:fadeInScaleC 10s}.Center .Line{z-index:1}.Center .LineA{animation:fadeInLineA 2s linear}.Center .LineB{animation:fadeInLineB 2s linear}.Center .LineC{animation:fadeInLineC 2s linear}.Center .LineD{animation:fadeInLineD .3s linear}.Center .LineM{animation:fadeInLineM .3s linear}@keyframes fadeInLineA{0%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}90%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes fadeInLineB{0%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}60%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes fadeInLineC{0%{-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0)}75%{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes fadeInLineD{0%{-webkit-clip-path:inset(40% 0 0 0);clip-path:inset(40% 0 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes fadeInLineM{0%{-webkit-clip-path:inset(0 0 50% 0);clip-path:inset(0 0 50% 0)}70%{-webkit-clip-path:inset(0 0 10% 0);clip-path:inset(0 0 10% 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes fadeInScaleA{0%{opacity:0;transform:scale(.5)}25%{opacity:1;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInScaleC{0%{opacity:.7;transform:scale(.7)}25%{opacity:.8;transform:scale(.7)}50%{opacity:.9;transform:scale(.9)}to{opacity:1;transform:scale(1)}}