.workflow-container[data-v-a6c0c286]{position:relative;padding:2rem 1rem;overflow:hidden}.desktop-layout[data-v-a6c0c286]{display:none}.mobile-layout[data-v-a6c0c286]{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.nodes-row[data-v-a6c0c286]{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.node-mobile[data-v-a6c0c286]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:70px;opacity:0;transform:translateY(20px);transition:all .5s ease;transition-delay:var(--delay)}.is-visible .node-mobile[data-v-a6c0c286]{opacity:1;transform:translateY(0)}.node-mobile[data-v-a6c0c286]:hover{border-color:var(--node-color);box-shadow:0 0 15px color-mix(in srgb,var(--brand-primary) 30%,transparent)}.node-icon-mobile[data-v-a6c0c286]{width:28px;height:28px;color:var(--node-color)}.node-icon-mobile svg[data-v-a6c0c286]{width:100%;height:100%}.node-label-mobile[data-v-a6c0c286]{font-size:.65rem;font-weight:500;color:#fff;text-align:center;white-space:nowrap}.flow-arrow[data-v-a6c0c286]{width:32px;height:32px;color:color-mix(in srgb,var(--brand-primary) 60%,transparent);opacity:0;animation:bounce-a6c0c286 2s ease-in-out infinite}.is-visible .flow-arrow[data-v-a6c0c286]{opacity:1}@keyframes bounce-a6c0c286{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.hub-mobile[data-v-a6c0c286]{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 20%,transparent),color-mix(in srgb,var(--brand-secondary) 20%,transparent));border:2px solid color-mix(in srgb,var(--brand-primary) 50%,transparent);border-radius:50%;opacity:0;transform:scale(.5);transition:all .6s ease;transition-delay:.4s}.is-visible .hub-mobile[data-v-a6c0c286]{opacity:1;transform:scale(1)}.hub-glow-mobile[data-v-a6c0c286]{position:absolute;width:150%;height:150%;background:radial-gradient(circle,color-mix(in srgb,var(--brand-primary) 30%,transparent) 0%,transparent 70%);animation:pulse-a6c0c286 3s ease-in-out infinite}@keyframes pulse-a6c0c286{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}.hub-logo-mobile[data-v-a6c0c286]{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--brand-primary) 50%,transparent));z-index:1}@media(min-width:900px){.mobile-layout[data-v-a6c0c286]{display:none}.desktop-layout[data-v-a6c0c286]{display:flex;align-items:center;justify-content:center;gap:0;min-height:450px}.nodes-column[data-v-a6c0c286]{display:flex;flex-direction:column;justify-content:space-around;height:400px;z-index:10}.nodes-input[data-v-a6c0c286]{align-items:flex-end}.nodes-output[data-v-a6c0c286]{align-items:flex-start}.node[data-v-a6c0c286]{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:#0f172acc;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translate(-30px);transition:all .5s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay)}.node-right[data-v-a6c0c286]{flex-direction:row-reverse;transform:translate(30px)}.is-visible .node[data-v-a6c0c286]{opacity:1;transform:translate(0)}.node[data-v-a6c0c286]:hover{border-color:var(--node-color);box-shadow:0 0 20px color-mix(in srgb,var(--brand-primary) 30%,transparent);transform:scale(1.05)}.node-icon[data-v-a6c0c286]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--node-color)}.node-icon svg[data-v-a6c0c286]{width:24px;height:24px}.node-label[data-v-a6c0c286]{font-size:.875rem;font-weight:500;color:#fff;white-space:nowrap}.pulse-ring[data-v-a6c0c286]{position:absolute;inset:-4px;border-radius:16px;border:2px solid var(--node-color);opacity:0;animation:ringPulse-a6c0c286 3s ease-out infinite;animation-delay:var(--delay)}@keyframes ringPulse-a6c0c286{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.connections[data-v-a6c0c286]{width:160px;height:400px;flex-shrink:0}.line[data-v-a6c0c286]{fill:none;stroke:url(#gradLeft);stroke-width:2;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 1.5s ease;transition-delay:var(--delay)}.line-right[data-v-a6c0c286]{stroke:url(#gradRight)}.is-visible .line[data-v-a6c0c286]{stroke-dashoffset:0}.dot[data-v-a6c0c286]{fill:var(--brand-primary);opacity:0;filter:drop-shadow(0 0 6px var(--brand-primary));transition:opacity .5s ease;transition-delay:var(--delay)}.dot-right[data-v-a6c0c286]{fill:var(--brand-accent);filter:drop-shadow(0 0 6px var(--brand-accent))}.is-visible .dot[data-v-a6c0c286]{opacity:1}.hub[data-v-a6c0c286]{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center;z-index:20;flex-shrink:0}.hub-glow[data-v-a6c0c286]{position:absolute;width:200%;height:200%;background:radial-gradient(circle,color-mix(in srgb,var(--brand-primary) 30%,transparent) 0%,transparent 70%);opacity:0;animation:hubGlow-a6c0c286 3s ease-in-out infinite}.is-visible .hub-glow[data-v-a6c0c286]{opacity:1}@keyframes hubGlow-a6c0c286{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}.hub-ring[data-v-a6c0c286]{position:absolute;border-radius:50%;border:2px solid color-mix(in srgb,var(--brand-primary) 30%,transparent)}.ring-1[data-v-a6c0c286]{width:140%;height:140%;animation:rotate-a6c0c286 20s linear infinite;border-style:dashed}.ring-2[data-v-a6c0c286]{width:180%;height:180%;animation:rotate-a6c0c286 30s linear infinite reverse;border-style:dotted;opacity:.5}@keyframes rotate-a6c0c286{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hub-core[data-v-a6c0c286]{position:relative;display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-primary) 20%,transparent),color-mix(in srgb,var(--brand-secondary) 20%,transparent));border:2px solid color-mix(in srgb,var(--brand-primary) 50%,transparent);border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:scale(.5);transition:all .6s cubic-bezier(.16,1,.3,1);transition-delay:.4s}.is-visible .hub-core[data-v-a6c0c286]{opacity:1;transform:scale(1)}.hub-logo[data-v-a6c0c286]{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--brand-primary) 50%,transparent))}}@media(min-width:1200px){.connections[data-v-a6c0c286]{width:200px}.hub[data-v-a6c0c286]{width:180px;height:180px}.hub-core[data-v-a6c0c286]{width:140px;height:140px}.hub-logo[data-v-a6c0c286]{width:90px;height:90px}}.landing-bg-pattern{position:fixed;inset:0;opacity:.15;background-color:#0f172a;background-image:radial-gradient(#444cf7 1.4px,transparent 1.4px),radial-gradient(#444cf7 1.4px,#0f172a 1.4px);background-size:56px 56px;background-position:0 0,28px 28px;pointer-events:none;z-index:-1}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}@keyframes float{0%,to{transform:translateY(0) rotate(var(--rotation, 0deg))}50%{transform:translateY(-20px) rotate(var(--rotation, 0deg))}}@keyframes pulse-slow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll-indicator{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(6px)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 8s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 30s linear infinite}.animate-gradient{background-size:200% 200%;animation:gradient 4s ease infinite}.animate-fade-in-up{animation:fade-in-up .8s ease-out forwards}.animate-scroll-indicator{animation:scroll-indicator 2s ease-in-out infinite}.animation-delay-0{animation-delay:0s}.animation-delay-200{animation-delay:.2s;opacity:0}.animation-delay-400{animation-delay:.4s;opacity:0}.animation-delay-500{animation-delay:.5s}.animation-delay-600{animation-delay:.6s;opacity:0}.animation-delay-800{animation-delay:.8s;opacity:0}.animation-delay-1000{animation-delay:1s}.animation-delay-1500{animation-delay:1.5s}.animation-delay-2000{animation-delay:2s}.animation-delay-2500{animation-delay:2.5s}.animation-delay-3000{animation-delay:3s}.animation-delay-3500{animation-delay:3.5s}.animation-delay-4000{animation-delay:4s}
