@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap");@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&display=swap");:root{--obsidian-dark:#121212;--electric-blue:#0066ff;--success-green:#00c851;--medium-gray:#202020;--light-gray-text:#E0E0E0;--faded-light-gray-text:#A0A0A0;--white:#FFFFFF;--font-display:"Open Sans",sans-serif;--font-body:"PingFang SC",sans-serif}body{font-family:var(--font-body);color:var(--light-gray-text)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}.material-symbols-outlined{font-family:Material Symbols Outlined,Material Icons,serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-o-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;speak:never}.material-symbols-outlined.text-3xl{font-size:1.875rem!important;line-height:2.25rem}.material-symbols-outlined.text-4xl{font-size:2.25rem!important;line-height:2.5rem}.network-bg{background:linear-gradient(45deg,var(--obsidian-dark) 0,var(--electric-blue) 100%);background-size:200% 200%;animation:gradient-pulse 10s ease infinite;position:absolute;width:100%;height:100%;opacity:.1;z-index:-1}.flow-component{position:relative;transform-style:preserve-3d;perspective:1000px;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:transform .3s ease}.flow-component:hover{transform:scale(1.03) translateY(-5px) rotateX(2deg)}.connector{background:linear-gradient(90deg,transparent,var(--electric-blue),transparent);background-size:200% 100%;animation:shimmer-conduit 3s linear infinite;opacity:.8;z-index:10}.abstract-pattern,.connector{position:absolute;pointer-events:none}.abstract-pattern{background-size:cover;background-position:50%;opacity:.05;z-index:-2}.data-stream-pulse{background:linear-gradient(90deg,transparent,var(--electric-blue),transparent);background-size:200% 100%;animation:data-flow 3s linear infinite}.data-viz{width:100%;height:40px;display:flex;align-items:flex-end;gap:2px;padding:4px 0}.bar{background-color:var(--electric-blue);flex-grow:1;border-radius:2px}.bar.green{background-color:var(--success-green)}.trend-line{width:100%;height:100%;position:relative;overflow:hidden}.trend-line-svg{position:absolute;top:0;left:0;width:100%;height:100%}.grid-panel{border:1px solid var(--electric-blue);box-shadow:0 0 15px rgba(0,102,255,.3);border-radius:.75rem;padding:2rem;color:var(--light-gray-text)}.floating-panel,.grid-panel{background-color:var(--medium-gray)}.floating-panel{position:absolute;backdrop-filter:blur(8px);border:1px solid rgba(0,102,255,.4);box-shadow:0 0 20px rgba(0,102,255,.2);border-radius:1.5rem;padding:1.5rem 2rem;z-index:20;transition:all .5s ease-in-out}.floating-panel-text{color:var(--light-gray-text)}.floating-panel-subtext{color:var(--faded-light-gray-text)}.how-it-works-center{position:relative;z-index:30;width:80%;min-height:800px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(18,18,18,.7);border:2px solid var(--electric-blue);box-shadow:0 0 40px rgba(0,102,255,.5),0 0 20px var(--success-green);border-radius:2rem;padding:3rem}.how-it-works-center .flow-component{background-color:var(--obsidian-dark);border:1px solid var(--electric-blue);box-shadow:0 0 10px rgba(0,102,255,.5);color:var(--light-gray-text)}.ai-core-center{background-color:var(--electric-blue);border:2px solid var(--success-green);box-shadow:0 0 25px var(--electric-blue),0 0 15px var(--success-green);color:var(--white)}@keyframes gradient-pulse{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes flow-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer-conduit{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes data-flow{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-data-flow{animation:data-flow 3s linear infinite}.group\/design-root{--tw-group-design-root: }.animate-gradient-pulse{animation:gradient-pulse 10s ease infinite}.animate-flow-grow{animation:flow-grow 2s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer-conduit{animation:shimmer-conduit 3s linear infinite}@media (max-width:768px){.floating-panel{padding:1rem 1.5rem;border-radius:1rem}.how-it-works-center{padding:2rem;width:95%}.flow-component{width:250px!important;height:120px!important;padding:1rem!important}.ai-core-center{width:150px!important;height:150px!important;font-size:.875rem!important}}@media (prefers-reduced-motion:reduce){.animate-float,.animate-flow-grow,.animate-gradient-pulse,.animate-shimmer-conduit,.connector,.data-stream-pulse,.flow-component{animation:none}.flow-component:hover{transform:none}}@media (prefers-contrast:high){:root{--obsidian-dark:#000000;--light-gray-text:#FFFFFF;--faded-light-gray-text:#CCCCCC;--medium-gray:#333333}.floating-panel,.grid-panel{border-width:2px}}