.idea-flow{--flow-duration:12s;isolation:isolate;align-self:center;width:100%;min-width:0;margin:5px 0 72px;padding:24px 0 29px 32px;position:relative}.idea-flow:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 50% 45%,#55cfe90c,#0000 64%);position:absolute;inset:-35% -10% -5%}.flow-heading{border-bottom:1px solid #96c0d218;justify-content:space-between;align-items:center;gap:15px;padding-bottom:20px;display:flex}.flow-heading>span{font-family:var(--font-geist-mono), monospace;letter-spacing:.085em;color:#92a7b6;font-size:.75rem;line-height:1.6}.flow-pause{color:#abc4d1;background:#abcfe905;border:1px solid #abcfe91e;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;transition:color .2s,background .2s;display:grid}.flow-pause:hover{color:#efffff;background:#abcfe912}.flow-canvas{margin-top:43px;position:relative}.flow-connections{pointer-events:none;width:100%;height:130px;position:absolute;top:0;left:0;overflow:visible}.flow-track{stroke:#9bd1e326;stroke-width:1px}.flow-wire{stroke:#97e8f2;stroke-width:1.2px;stroke-dasharray:100;stroke-dashoffset:100px}.flow-wire-first{animation:flow-wire-first var(--flow-duration) ease-in-out infinite}.flow-wire-second{animation:flow-wire-second var(--flow-duration) ease-in-out infinite}.flow-signal{stroke:#d7feff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:2 98;filter:drop-shadow(0 0 5px #a0efff);opacity:0;animation:flow-signal var(--flow-duration) linear infinite}.flow-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid;position:relative}.flow-stage{text-align:center;min-width:0}.flow-node{place-items:center;width:100%;height:130px;margin:0 auto 23px;display:grid;position:relative}.flow-node:before{content:"";background:#090f17;border:1px solid #95d9f02a;border-radius:25px;width:102px;height:102px;position:absolute;transform:rotate(-5deg)}.flow-stage-solution .flow-node:before{border-radius:21px;transform:rotate(0)}.flow-stage-result .flow-node:before{border-color:#abf3d72f;transform:rotate(5deg)}.flow-node{animation:flow-node-idea var(--flow-duration) ease-in-out infinite}.flow-stage-solution .flow-node{animation-name:flow-node-solution}.flow-stage-result .flow-node{animation-name:flow-node-result}.flow-step-index{color:#718897;font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;margin-bottom:10px;font-size:.75rem;display:block}.flow-stage h3{color:#dce8ee;letter-spacing:-.025em;font-size:1.0625rem;font-weight:530}.flow-stage p{color:#93a2b3;margin-top:9px;font-size:.875rem;line-height:1.65}.flow-idea-field{width:94px;height:94px;position:relative}.flow-fragment{width:var(--fragment-size);height:var(--fragment-size);margin-left:calc(var(--fragment-size) / -2);margin-top:calc(var(--fragment-size) / -2);transform:translate(var(--fragment-x), var(--fragment-y));opacity:.75;animation:flow-gather var(--flow-duration) ease-in-out infinite;background:#9de8f2;border-radius:50%;position:absolute;top:50%;left:50%}.flow-idea-core{width:14px;height:14px;animation:flow-core var(--flow-duration) ease-in-out infinite;background:#dcfbff;border-radius:50%;position:absolute;top:calc(50% - 7px);left:calc(50% - 7px);box-shadow:0 0 16px #89e5f84d}.flow-idea-ring{animation:flow-ring var(--flow-duration) ease-in-out infinite;border:1px solid #a4ecf353;border-radius:50%;position:absolute;inset:25px}.flow-module-grid{grid-template-rows:repeat(2,23px);grid-template-columns:repeat(2,23px);gap:5px;display:grid;position:relative}.flow-module{animation:flow-assemble var(--flow-duration) ease-in-out infinite;background:#81d9ee16;border:1px solid #b2eaf478;border-radius:5px;place-items:center;display:grid}.flow-module i{opacity:.8;background:#afe8f6;border-radius:1px;width:5px;height:5px}.flow-module:nth-child(2),.flow-module:nth-child(3){background:#5cacd426}.flow-product{background:#101c25;border:1px solid #95d6d455;border-radius:7px;width:72px;height:76px;position:relative}.flow-product-bar{border-bottom:1px solid #b5f4eb21;align-items:center;gap:3px;height:15px;padding:0 7px;display:flex}.flow-product-bar i{background:#6e9ba5;border-radius:50%;width:3px;height:3px;display:block}.flow-product-content{animation:flow-product-reveal var(--flow-duration) ease-in-out infinite;padding:8px}.flow-product-line{background:#b2dbe5b3;border-radius:2px;width:31px;height:3px;margin-bottom:5px;display:block}.flow-product-line-short{background:#8abbc15c;width:20px}.flow-product-graph{align-items:flex-end;gap:4px;height:18px;margin-top:7px;display:flex}.flow-product-graph i{background:#a9edda80;border-radius:2px 2px 0 0;width:8px;height:6px}.flow-product-graph i:nth-child(2){height:10px}.flow-product-graph i:nth-child(3){height:13px}.flow-product-graph i:nth-child(4){background:#b8f0db;height:18px}.flow-complete{color:#11332b;width:29px;height:29px;animation:flow-complete var(--flow-duration) ease-in-out infinite;background:#b6efd9;border:3px solid #0b131b;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-11px;right:-11px}.flow-caption{color:#77929f;justify-content:center;align-items:center;gap:12px;margin-top:31px;font-size:.75rem;line-height:1.6;display:flex}.flow-caption-rule{background:#6c9fa754;width:22px;height:1px}.idea-flow[data-paused=true] .flow-motion{animation-play-state:paused}@keyframes flow-gather{0%,4%,to{transform:translate(var(--fragment-x), var(--fragment-y));opacity:.75}20%,84%{opacity:0;transform:translate(0)scale(.35)}94%{transform:translate(var(--fragment-x), var(--fragment-y));opacity:.4}}@keyframes flow-core{0%,to{transform:scale(.65);box-shadow:0 0 10px #89e5f820}20%,30%{transform:scale(1.3);box-shadow:0 0 29px #89e5f887}42%,87%{transform:scale(.8);box-shadow:0 0 14px #89e5f83d}}@keyframes flow-ring{0%,to{opacity:.3;transform:scale(.7)}20%{opacity:1;transform:scale(.9)}34%{opacity:0;transform:scale(1.6)}35%,90%{opacity:0;transform:scale(.7)}}@keyframes flow-wire-first{0%,22%,to{stroke-dashoffset:100px;opacity:.2}37%,84%{stroke-dashoffset:0;opacity:.8}94%{stroke-dashoffset:0;opacity:0}}@keyframes flow-wire-second{0%,51%,to{stroke-dashoffset:100px;opacity:.2}67%,84%{stroke-dashoffset:0;opacity:.8}94%{stroke-dashoffset:0;opacity:0}}@keyframes flow-signal{0%,22%{stroke-dashoffset:0;opacity:0}24%{stroke-dashoffset:0;opacity:1}37%{stroke-dashoffset:-49px;opacity:1}39%,50%{stroke-dashoffset:-49px;opacity:0}52%{stroke-dashoffset:-49px;opacity:1}66%{stroke-dashoffset:-99px;opacity:1}68%,to{stroke-dashoffset:-99px;opacity:0}}@keyframes flow-assemble{0%,30%,to{transform:translate(var(--module-x), var(--module-y)) scale(.7);opacity:.32}49%,87%{opacity:1;transform:translate(0)scale(1)}}@keyframes flow-product-reveal{0%,62%,to{opacity:.12;transform:translateY(5px)}73%,87%{opacity:1;transform:translateY(0)}}@keyframes flow-complete{0%,69%,to{opacity:0;transform:scale(.4)}77%,87%{opacity:1;transform:scale(1)}}@keyframes flow-node-idea{0%,32%{filter:drop-shadow(0 0 16px #7cd7ed24)}43%,to{filter:drop-shadow(0 0 #7cd7ed00)}}@keyframes flow-node-solution{0%,29%,76%,to{filter:drop-shadow(0 0 #7cd7ed00)}42%,58%{filter:drop-shadow(0 0 16px #7cd7ed24)}}@keyframes flow-node-result{0%,57%,to{filter:drop-shadow(0 0 #7cedc600)}72%,87%{filter:drop-shadow(0 0 18px #7cedc62e)}}@media (min-width:851px) and (max-width:1100px){.idea-flow{padding-left:16px}.flow-node:before{border-radius:19px;width:86px;height:96px}.flow-stage-solution .flow-node:before{border-radius:17px}.flow-stage p{font-size:.8125rem}}@media (max-width:850px){.idea-flow{max-width:600px;margin:0 auto 50px;padding:10px 0 18px}.flow-heading{padding-bottom:13px}.flow-canvas{margin-top:25px}.flow-caption{margin-top:22px}}@media (max-width:580px){.idea-flow{margin-bottom:34px;padding-top:9px}.flow-heading>span{letter-spacing:.04em;font-size:.75rem}.flow-pause{width:44px;height:44px}.flow-node:before{border-radius:19px;width:82px;height:88px}.flow-stage-solution .flow-node:before{border-radius:17px}.flow-node{height:114px;margin-bottom:15px}.flow-connections{height:114px}.flow-idea-field{transform:scale(.83)}.flow-module-grid{grid-template-rows:repeat(2,20px);grid-template-columns:repeat(2,20px);gap:4px}.flow-product{transform:scale(.88)}.flow-step-index{margin-bottom:7px}.flow-stage h3{font-size:1rem}.flow-stage p{font-size:.75rem;line-height:1.7}.flow-caption{gap:8px;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.idea-flow .flow-motion{animation:none!important}.flow-pause{display:none}.flow-heading{min-height:58px}.flow-fragment{opacity:.7}.flow-idea-ring{opacity:.55}.flow-wire{stroke-dashoffset:0;opacity:.65}.flow-signal{display:none}}
