:root{--grid-color:rgba(0,0,0,0.03);--bg-color:#ffffff}.dark{--grid-color:rgba(255,255,255,0.05);--bg-color:#050505}.bg-grid{background-size:50px 50px;background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px)}.btn-slide{position:relative;overflow:hidden;transition:all .4s ease;z-index:1}.btn-slide:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;transition:height .4s cubic-bezier(.76,0,.24,1);z-index:-1}.btn-slide:hover:before{height:100%}.btn-black{background-color:#000;color:#fff;border:1px solid #000}.dark .btn-black{background-color:#fff;color:#000;border:1px solid #fff}.btn-black:before{background-color:#FF3E00}.btn-black:hover,.dark .btn-black:hover{color:#fff;border-color:#FF3E00}.btn-outline{background-color:transparent;border:1px solid #e5e7eb;color:#000}.dark .btn-outline{border-color:#333;color:#fff}.btn-outline:before{background-color:#000}.dark .btn-outline:before{background-color:#fff}.btn-outline:hover{color:#fff;border-color:#000}.dark .btn-outline:hover{color:#000;border-color:#fff}.btn-guest-slide{background-color:transparent;color:white;border:1px solid #374151}.btn-guest-slide:before{background-color:#FF3E00}.btn-guest-slide:hover{color:white;border-color:#FF3E00}.btn-sync-slide{background-color:#000;color:white;border:1px solid #000}.dark .btn-sync-slide{background-color:#fff;color:#000}.btn-sync-slide:before{background-color:#ffffff}.dark .btn-sync-slide:before{background-color:#000}.btn-sync-slide:hover{color:#000;border-color:#fff}.dark .btn-sync-slide:hover{color:#fff;border-color:#000}.theme-icon{transition:transform .5s cubic-bezier(.68,-.55,.27,1.55)}.dark .theme-icon{transform:rotate(180deg)}.cursor-blink{display:inline-block;width:5px;height:.9em;background-color:#FF3E00;margin-left:8px;animation:blink 1s step-end infinite;vertical-align:baseline}@keyframes blink{50%{opacity:0}}.hero-animations-enabled .hero-chaos{opacity:0}.hero-animations-enabled .hero-chaos-1{animation:chaos-in 3s ease-in infinite}.hero-animations-enabled .hero-chaos-2{animation:chaos-in 3s ease-in infinite;animation-delay:1s}.hero-animations-enabled .hero-chaos-3{animation:chaos-in 3s ease-in infinite;animation-delay:2s}@keyframes chaos-in{0%{transform:translate(-50px,-20px) rotate(0deg);opacity:0}20%{opacity:1}90%{transform:translate(180px) rotate(1turn) scale(.5);opacity:1}to{transform:translate(200px) scale(0);opacity:0}}.hero-animations-enabled .hero-core-ring{animation:spin 10s linear infinite;transform-origin:center}.hero-animations-enabled .hero-core-ring-reverse{animation:spin 15s linear infinite reverse;transform-origin:center}@keyframes spin{to{transform:rotate(1turn)}}.hero-animations-enabled .hero-process-block{animation:block-flicker 2s infinite}.hero-animations-enabled .hero-process-block:nth-child(2n){animation-delay:.3s}.hero-animations-enabled .hero-process-block:nth-child(3n){animation-delay:.7s}@keyframes block-flicker{0%,40%{fill:#f3f4f6;opacity:.5}45%{fill:#FF3E00;opacity:1}50%,90%{fill:#000;opacity:1}to{fill:#f3f4f6;opacity:.5}}.dark .hero-animations-enabled .hero-process-block{animation-name:block-flicker-dark}@keyframes block-flicker-dark{0%,40%{fill:#333;opacity:.5}45%{fill:#FF3E00;opacity:1}50%,90%{fill:#fff;opacity:1}to{fill:#333;opacity:.5}}.hero-animations-enabled .hero-scanner-line{animation:scan-vertical 3s ease-in-out infinite}@keyframes scan-vertical{0%{transform:translateY(-30px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(30px);opacity:0}}.hero-animations-enabled .hero-stream{stroke-dasharray:20;stroke-dashoffset:20;animation:stream-out 2s linear infinite}.hero-animations-enabled .hero-stream-delay-1{animation-delay:.5s}.hero-animations-enabled .hero-stream-delay-2{animation-delay:1s}@keyframes stream-out{to{stroke-dashoffset:-100}}.hero-animations-enabled .share-path{stroke-dasharray:100;stroke-dashoffset:100;animation:share-draw 3s ease-in-out infinite}@keyframes share-draw{0%{stroke-dashoffset:100}40%,to{stroke-dashoffset:0}}.hero-animations-enabled .share-ripple{animation:node-ripple 3s infinite;transform-origin:center}.hero-animations-enabled .share-ripple-delay-1{animation-delay:.3s}.hero-animations-enabled .share-ripple-delay-2{animation-delay:.6s}@keyframes node-ripple{0%,60%{r:10;opacity:0;stroke-width:0}70%{opacity:1;stroke-width:2}to{r:25;opacity:0;stroke-width:0}}.hero-animations-enabled .search-shimmer{animation:shimmer-slide 3s infinite}@keyframes shimmer-slide{0%,50%{transform:translateX(-150%)}80%,to{transform:translateX(150%)}}.hero-animations-enabled .tree-path{stroke-dasharray:100;stroke-dashoffset:100;animation:grow-tree 3s ease-out infinite}.hero-animations-enabled .tree-path-delay-1{animation-delay:.5s}.hero-animations-enabled .tree-path-delay-2{animation-delay:1s}@keyframes grow-tree{0%{stroke-dashoffset:100}20%,90%{stroke-dashoffset:0}to{stroke-dashoffset:0}}.hero-animations-enabled .file-icon{opacity:0;animation:appear 3s ease-out infinite}.hero-animations-enabled .file-icon-delay-1{animation-delay:1.2s}.hero-animations-enabled .file-icon-delay-2{animation-delay:1.4s}@keyframes appear{0%,20%{opacity:0;transform:translateY(5px)}30%,90%{opacity:1;transform:translateY(0)}to{opacity:0}}.hero-animations-enabled .anim-pop-1{animation:pop-in 3s infinite;opacity:0}.hero-animations-enabled .anim-pop-2{animation:pop-in 3s .2s infinite;opacity:0}.hero-animations-enabled .anim-pop-3{animation:pop-in 3s .4s infinite;opacity:0}@keyframes pop-in{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.hero-animations-enabled .anim-typing-bar{width:0;animation:type-width 3s steps(15) infinite;border-right:2px solid #ff3e00;overflow:hidden;white-space:nowrap}@keyframes type-width{0%{width:0}40%,90%{width:90px}to{width:0}}.hero-animations-enabled .anim-highlight-row{animation:highlight-flash 3s infinite}@keyframes highlight-flash{0%,40%{background-color:transparent}50%,90%{background-color:#FFF7ED}to{background-color:transparent}}.dark .hero-animations-enabled .anim-highlight-row{animation:highlight-flash-dark 3s infinite}@keyframes highlight-flash-dark{0%,40%{background-color:transparent}50%,90%{background-color:#2a1510}to{background-color:transparent}}