.home-container{height:100vh}@media screen and (max-height:700px){.home-container{height:auto;padding-top:100px}}@media screen and (max-width:700px){.home-container{height:auto;padding-top:60px}}.home-title,.ai-text{-webkit-text-fill-color:transparent;background:radial-gradient(circle,#7182ff 0,#3cff52 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite alternate home-title-gradient}@keyframes home-title-gradient{0%{background-position:0}15%{background-position:0}85%{background-position:100% 100%}to{background-position:100% 100%}}.home-bg{z-index:-1;opacity:.7;background:url(/assets/images/home/noise.png),radial-gradient(circle at top,#3a224c80,#18371b,#253449 0%,#373d61 70%,#32517380);width:100%;height:1400px;position:absolute;inset:0 0 -60%;-webkit-mask-image:radial-gradient(80% 40% at top,#000 20%,#00000080 50%,#0000);mask-image:radial-gradient(80% 40% at top,#000 20%,#00000080 50%,#0000)}.home-page .react-flow__handle{opacity:0;pointer-events:none}.home-page .react-flow__node{box-shadow:none;background:#0003;border:none}.home-diagram-center-inner{background:#0003}.home-diagram-conn{height:1px;position:absolute;bottom:-5px}.home-diagram-center-inner-bg{border:1px solid;will-change:opacity, border;border-image-source:linear-gradient(to bottom right,#0000 60%,#ffffff26 65%,#0000 90%);border-image-slice:1;transition:all 1s ease-in-out;animation:4s linear infinite rotateGradient-ec096004;inset:0}@keyframes rotateGradient-ec096004{0%{border-image-source:linear-gradient(to bottom right,#0000 60%,#ffffff26 65%,#0000 90%)}25%{border-image-source:linear-gradient(to top right,#0000 60%,#ffffff26 65%,#0000 90%)}50%{border-image-source:linear-gradient(to top left,#0000 60%,#ffffff26 65%,#0000 90%)}75%{border-image-source:linear-gradient(to bottom left,#0000 60%,#ffffff26 65%,#0000 90%)}to{border-image-source:linear-gradient(to bottom right,#0000 60%,#ffffff26 65%,#0000 90%)}}.home-diagram-conn_before{background:linear-gradient(90deg,#95959500 0,#959595 100%);width:180px;left:-351px}.home-diagram-conn_middle{background:#959595;left:5px;right:5px}.home-diagram-center_after{background:linear-gradient(90deg,#959595 0,#95959500 100%);width:180px;right:-348px}.terminal-assistant-stepper .MuiStepIcon-root.Mui-active{fill:#010409;border:1px solid #a8a8a8;border-radius:12px}.replay-video:hover{cursor:pointer}.replay-video:hover .MuiSvgIcon-root{color:#fff}.replay-video svg{transition:all .3s ease-in-out}.replay-video:hover svg{filter:drop-shadow(0 0 3px #6c6c6c)}.track-commands .track-commands-overlay,.track-commands svg{transition:all .3s ease-in-out}.track-commands:hover .track-commands-overlay{-webkit-backdrop-filter:grayscale(0);backdrop-filter:grayscale(0)}.track-commands:hover svg{stroke:#ee5656}.terminal-assistant-title{-webkit-text-fill-color:transparent;background:radial-gradient(circle,#7182ff 0,#5161d5 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;font-weight:700}.landing-footer-bg{z-index:-1;opacity:.7;background:radial-gradient(circle at bottom,#3a224c80,#18371b,#253449 0%,#373d61 70%,#32517380);width:100%;height:400px;position:absolute;bottom:0;-webkit-mask-image:radial-gradient(40% 80% at bottom,#000 20%,#00000080 50%,#0000);mask-image:radial-gradient(40% 80% at bottom,#000 20%,#00000080 50%,#0000)}
.diagram-center .user-node,.diagram-center .platform-node,.diagram-center .asset-node,.diagram-center .edge-layer,.diagram-center .diagram-arrow-float{opacity:0;transition:opacity 1s}.diagram-center.loaded .user-node,.diagram-center.loaded .platform-node,.diagram-center.loaded .asset-node,.diagram-center.loaded .edge-layer,.diagram-center.loaded .diagram-arrow-float{opacity:1}.edge-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.edge-path{fill:none;stroke:#565a65;stroke-width:2px;stroke-dasharray:5;animation:.5s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-10px}}.platform-node{z-index:2;transform-origin:50%;cursor:pointer;background:radial-gradient(141.42% 141.42% at 100% 0,#488c86,#fff0),radial-gradient(140.35% 140.35% at 100% 94.74%,#179122,#bd34fe00),radial-gradient(89.94% 89.94% at 18.42% 15.79%,#41d1ff,#41d1ff00);border-radius:50%;width:140px;padding:2px;transition:transform .2s;position:absolute;top:calc(50% - 70px);left:calc(50% - 70px);transform:scale(.94);box-shadow:inset 0 1px #ffffff8c}@media screen and (max-width:1000px){.platform-node{top:192px;transform:scale(1)}}.platform-node:hover{transform:scale(1);box-shadow:0 0 12px #38bdf8cc}.platform-node_inner{background-color:#0b0e14;border-radius:50%;justify-content:center;align-items:center;height:136px;text-decoration:none;transition:all .2s;display:flex}.platform-node:hover .platform-node_inner{text-shadow:0 0 2px #0003;background-color:#0b0e1400;box-shadow:inset 0 1px #ffffff8c}.platform-node_reveal{height:22px;line-height:22px;overflow:hidden}.platform-node_reveal>span{color:#498c55;transition:all .2s;display:inline-block;transform:translateY(0)}.platform-node_reveal>span>span{white-space:nowrap;display:block;position:relative}.platform-node_reveal_action{padding-right:12px}.platform-node_reveal_action>svg{font-size:18px;position:absolute;top:1px;right:-4px}.platform-node:hover .platform-node_reveal>span{color:#fff;transform:translateY(-22px)}.diagram-arrow-float{cursor:pointer;border:1px solid #498c5599;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;animation:3s ease-in-out infinite floatArrowWrap;display:flex;position:absolute;bottom:-60px;left:calc(50% - 20px)}@media screen and (max-width:768px){.diagram-arrow-float{display:none}}.diagram-arrow-float:hover{border-color:#3de360}.diagram-arrow-float.hide{animation:.5s ease-in-out forwards hideArrowWrap}@keyframes hideArrowWrap{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.diagram-arrow-float:before{content:"";background:linear-gradient(#498c5500,#498c5599);width:1px;height:100px;position:absolute;top:-104px;left:50%;transform:translate(-50%)}@keyframes floatArrowWrap{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.diagram-arrow-float svg{color:#fff;font-size:18px;animation:3s ease-in-out infinite floatArrow}@keyframes floatArrow{0%{transform:translateY(1px)}50%{transform:translateY(-1px)}to{transform:translateY(1px)}}